环绕嵌入式视频播放器的HTML 5视频标签

Question

我正在寻找一种方式，以便某个嵌入式链接来自YouTube /视频/其他视频提供商，没有API可以缠绕在HTML5 <video>标签上。如果我能够使用此标签的HTML5功能？我在寻找这样的事情：

<video width="560" height="315" controls autoplay> 
<iframe width="560" height="315" src="http://www.youtube.com/embed/5qm8PH4xAss" frameborder="0" allowfullscreen></iframe> 
</video> 

或本：

<video width="640" height="505" controls autoplay> 
<object width="640" height="505" type="application/x-shockwave-flash" data="http://www.youtube.com/v/YE7VzlLtp-4"> 
<param name="movie" value="http://www.youtube.com/v/YE7VzlLtp-4" /> 
</object> 
</video> 

实际上，我希望推广嵌入式视频选项的视频提供商，我想能够调用戏（），停止（），...从javascript不限制到指定的API只有视频提供商。我基本上寻找这样的东西：http://www.w3.org/2010/05/video/mediaevents.html

Answer 1

你所要求的是不可能的，除非你描述的是直接链接到视频文件，即使这样可能还不够，会解释为什么：

首先，HTML5 <video>元件设计与视频的工作，而不是Flash对象。其次，不同的浏览器只支持特定的视频格式：

• 火狐：OGV，WebM的
• Internet Explorer中：MP4
• Safari浏览器/ iOS设备：MP4
• 铬：MP4，WebM的

因此，除非您有视频的MP4版本和视频的OGG版本，否则它不适用于所有现代浏览器。例如： -

<video width="640" height="360" controls> 
    <source src="__VIDEO__.MP4" type="video/mp4" /><!-- Safari/iOS video --> 
    <source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox/Opera/Chrome10 --> 
    <!-- Fallback code (e.g. Images, Flash, text, etc.) --> 
</video>