blocks|key|3183264|text|我已经找到了解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3183265|您必须在iframe的src属性中添加html5=1：|offset|length|style|CODE|3183266|<iframe+src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>|code-block|syntax|javascript|3183267|视频将显示为HTML5格式(如果可用)，或回退到flash+player。|3183268|entityMap^0|0|J|7|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I've found the solution : 

You have to add the <code>html5=1</code> in the src attribute of the iframe : 

<pre><code>&lt;iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"&gt;&lt;/iframe&gt;
</code></pre>

The video will be displayed as HTML5 if available, or fallback into flash player.

blocks|key|268201|text|我尝试使用iframe嵌入代码，HTML5播放器出现了，然而，由于某种原因，iframe完全破坏了我的网站。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|268202|我摆弄了一下旧的对象嵌入代码，它工作得很好。因此，如果您在使用iframe时遇到问题，以下是我使用的代码：|268203|<object+width="640"+height="360">
<param+name="movie"+value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param+name="allowFullScreen"+value="true"/>
<param+name="allowscriptaccess"+value="always"/>
<embed+width="640"+height="360"+src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"+class="youtube-player"+type="text/html"+allowscriptaccess="always"+allowfullscreen="true"/>
</object>|code-block|syntax|javascript|268204|希望这篇文章对某些人有用|268205|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I tried using the iframe embed code and the HTML5 player appeared, however, for some reason the iframe was completely breaking my site.

I messed around with the old object embed code and it works perfectly fine. 
So if you're having problems with the iframe here's the code i used:

<pre><code>&lt;object width="640" height="360"&gt;
&lt;param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;amp;rel=0&amp;amp;hl=en_US&amp;amp;version=3"/&gt;
&lt;param name="allowFullScreen" value="true"/&gt;
&lt;param name="allowscriptaccess" value="always"/&gt;
&lt;embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;amp;rel=0&amp;amp;hl=en_US&amp;amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/&gt;
&lt;/object&gt;
</code></pre>

hope this is useful for someone

blocks|key|270193|text|YouTube视频是否以HTML5格式播放取决于每个浏览器的https://www.youtube.com/html5设置。Chrome更喜欢自动播放HTML5，但如果机器上安装了Flash，即使是最新的火狐和if浏览器也仍然使用Flash。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|270194|现在，参数html5=1不再执行任何操作。(请注意，它甚至没有在https://developers.google.com/youtube/player_parameters上列出。)|270195|entityMap|0|LINK|mutability|MUTABLE|url|https://www.youtube.com/html5|1|https://developers.google.com/youtube/player_parameters^0|U|T|0|0|W|1J|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Whether or not YouTube videos play in HTML5 format depends on the setting at <a href="https://www.youtube.com/html5">https://www.youtube.com/html5</a>, per browser. Chrome prefers HTML5 playback automatically, but even the latest Firefox and Internet Explorer still use Flash if it is installed on the machine.

The parameter html5=1 does not do anything (anymore) now. (Note it is not even listed at <a href="https://developers.google.com/youtube/player_parameters">https://developers.google.com/youtube/player_parameters</a>.)

blocks|key|273695|text|如果您正在使用iframe+embed+api，则可以将html5:1作为playerVars参数之一，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|273696|player+=+new+YT.Player('player',+{
++++height:+'390',
++++width:+'640',
++++videoId:+'<VIDEO+ID>',
++++playerVars:+{
++++++++html5:+1
++++},
});|code-block|syntax|javascript|273697|完全有效。|273698|entityMap^0|S|7|11|A|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

If you're using the iframe embed api, you can put <code>html5:1</code> as one of the <code>playerVars</code> arguments, like so:

<pre><code>player = new YT.Player('player', {
 height: '390',
 width: '640',
 videoId: '&lt;VIDEO ID&gt;',
 playerVars: {
 html5: 1
 },
});
</code></pre>

Totally works.

blocks|key|271862|text|Inline标签用于将文档的另一个源添加到当前html元素中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|271863|如果是youtube的视频，我们需要指定链接外部的浏览器的html类型(4或5|271864|因此，将?html=5添加到链接的末尾。:)|271865|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Inline tag is used to add another src of document to the current html element.

In your case an video of a youtube and we need to specify the html type(4 or 5) to the browser externally to the link

so add ?html=5 to the end of the link.. :)

Regarding the <a href="http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html" rel="nofollow noreferrer">Youtube API Blog</a> they are experimenting with their new HTML5 Video Player.

Apparently to play a video in html5, you have to use the iframe embedding code :

<pre><code>&lt;iframe class="youtube-player" type="text/html" width="640" height="385"
 src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"&gt;
&lt;/iframe&gt;
</code></pre>

But if the client has not joined the <a href="http://www.youtube.com/html5" rel="nofollow noreferrer">HTML5 Trial</a>, the player will automatically fall back into the flash player even if the client's browser is HTML5 video capable.

How to force the HTML5 video playback if the browser supports it, even if the users are not yet involved in the HTML5 Trial?

Otherwise how to disable the flash fallback?

EDIT:

It's possible to force HTML player through <a href="http://googlesystem.blogspot.com/2010/08/watch-video-in-youtubes-html5-player.html" rel="nofollow noreferrer">links to Youtube Video</a>, but I need this kind of feature for embedded videos.

Force HTML5 youtube video

关于，他们正在试验他们的新HTML5视频播放器。显然，要在html5中播放视频，您必须使用iframe嵌入代码：<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/em...

问Force HTML5 youtube视频
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Force HTML5 youtube视频EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Force HTML5 youtube视频
EN