Question

我正在寻找一种方法，以便来自youtube / video /其他视频提供商的某个嵌入链接没有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调用 play（），stop（），... 仅限于指定API的视频提供商。我基本上在寻找这样的东西：http://www.w3.org/2010/05/video/mediaevents.html

Answer 1

你所要求的是不可能的，除非你所描述的是视频文件的直接链接，即便如此，这可能还不够，我会解释原因：

首先，HTML5 <video>元素旨在处理视频，而不是Flash对象。其次，不同的浏览器仅支持某些视频格式：

FireFox：OGV，WebM
Internet Explorer：MP4
Safari / iOS：MP4
Chrome：MP4，WebM

因此，除非您拥有视频的MP4版本和视频的OGG版本的视频源，否则它将无法在所有现代浏览器中使用。 E.g：

<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>

在嵌入式视频播放器周围包装html 5视频标签

1 个答案: