Rice University logo
 
Top blue bar image
TimeArrow
 

FullScreen Function disabled for Youtube Video?

One might find that the youtube video on his Rice-blog may fail to play in fullscreen(like video “A”), even though the code param name=”allowFullScreen” value=”true” is inserted. Here is the example:

Problem:
If directly paste an embed code of youtube video from another website into his Rice-blog like … param name=”movie” value=”http://www.youtube.com/v/ojRzPyuJFcU?version=3″><embed src="http://www.youtube.com/v/ojRzPyuJFcU?version=3" type="application/x-shockwave-flash" width="640" height="390"… He will find that the fullscreen is disabled.

Guess:
Since the exact same code works on the original website, one of the possibilities lies in that the code param name=”allowFullScreen” value=”true” is assigned only to the object who has the type of “application/x-shockwave-flash”. Therefore, the fullscreen function is surprisingly transferred to the latter one, i.e., content within “embed”, which is supported by mobile Safari platform but not IE.
This mechanism can be further verified by the consequence that, after one publishes the post and looks back again, the code he just entered is updated automatically, the line allowfullscreen=”true” is omitted by system, probably due to duplication.

Solution:
To solve this problem, one simply needs to give the object the type of application/x-shockwave-flash as well, by adding it right behind ‘style’, as style=”height: 390px;width: 640px” type=”application/x-shockwave-flash”. (video “B”)

This problem is specific and the correction might not be necessary for other WordPress based websites.

A B

C (If youtube “shared link” rather than “embed html” is used, the video will not be detected by Mobile Safari”)

D ( If “embed” is used only, the video will not be availabe via IE)Video cited from Macrumors.com

——————————————————————–

Update #1

It seems that youtube is now introducing a new embed code for video sharing. The code begins with “iframe’ rather than the conventional “object”, and is significantly more concise. It looks like:

…iframe title=”YouTube video player” width=”640″ height=”390″ src=”http://www.youtube.com/embed/ojRzPyuJFcU” frameborder=”0″ allowfullscreen></iframe…

Test demonstrates that the video embedded video is accessible through both IE and mobile Safiri, therefore an ideal solution and a complete replacement for the old ones.

————-
Update 2 8/10/2011

The direct HTTP website address can be pasted and used, for both IE and mobile safari, with full functionality.
But it remains not to be able to display youtube playlist on iDevices.

Comments are closed.