Fullscreen button is missing in embedded Vimeo video
| Affects | Status | Importance | Assigned to | Milestone | |
|---|---|---|---|---|---|
| Mahara |
Fix Released
|
High
|
Unassigned | ||
| 1.10 |
Fix Released
|
High
|
Unassigned | ||
| 15.04 |
Fix Released
|
High
|
Unassigned | ||
| 15.10 |
Fix Released
|
High
|
Unassigned | ||
Bug Description
I've found a lengthy discussion concerning the disappearance of the fullscreen button on Vimeo forums, where many people are complaining that is stopped working recently on various platforms: https:/
https:/
So here is a response from Vimeo from another forum.
1. In the past, fallback options in the browser allowed some version of fullscreen to operate even when within frames.
2. Within the last few weeks, updates to major browsers removed these fallback options. This caused the fullscreen button to fail when clicked. Vimeo videos would no longer enter fullscreen if they were placed within frames.
3. Because the button wouldn’t work anyway, in the last few days our developers have now removed the fullscreen button from any players that are embedded within frames. To confirm, the button would have been broken even if displayed. So, whether the button was there or not, your viewers would not be able to enter fullscreen.
The recommendation from Vimeo support is the following: https:/
If your embedded video is missing the fullscreen button in the Player, your embed code is likely missing these three required fullscreen attributes: webkitallowfull
Our embed code includes these attributes by default, but if you have modified the embed code, or used another service to generate the embed code, it's possible these attributes are missing. An example of how the Vimeo embed code should appear is shown in the code block below.
NOTE: If the Vimeo iframe embed code is placed within another iframe, that parent iframe must also include the same fullscreen attributes.
Once these fullscreen attributes are included, the Player will display the fullscreen button again.
<iframe src= "https:/
The recommended code is exactly what we are using, but fullscreen does not work in Mahara, while it works in Moodle (in the same browsers). Mahara seems to be stripping the necessary attributes webkitallowfull
You can see an example in Mahara here https:/
Fullscreen working in Moodle here https:/
In this example video the lack of the fullscreen button is not such a problem, because there is a link to Vimeo where you can watch the video in fullscreen, but our clients are using private videos restricted to the Mahara domain, so that can be played only when embedded in Mahara, not on Vimeo.
I have tested Mahara 1.10.8, 15.10.2testing and mahara.org -- same problem.
| Aaron Wells (u-aaronw) wrote | #1 |
| Aaron Wells (u-aaronw) wrote | #2 |
| Mahara Bot (dev-mahara) wrote A patch has been submitted for review | #3 |
| Mahara Bot (dev-mahara) wrote A change has been merged | #4 |
| Mahara Bot (dev-mahara) wrote A patch has been submitted for review | #5 |
| Mahara Bot (dev-mahara) wrote | #6 |
| Mahara Bot (dev-mahara) wrote | #7 |
| Mahara Bot (dev-mahara) wrote A change has been merged | #8 |
| Mahara Bot (dev-mahara) wrote | #9 |
| Mahara Bot (dev-mahara) wrote | #10 |
| Changed in mahara: | |
| status: | Fix Committed → Fix Released |
| no longer affects: | mahara/16.04 |
This issue affects YouTube videos as well. They still display the "fullscreen" icon, but clicking on it doesn't go to full screen. Instead it displays a message: "Full screen is not available. Find out more" with a link to this page: https:/