0

我正在寻找一种方法，以便可以将来自 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>

我实际上希望概括视频提供程序的嵌入式视频选项，我希望能够调用play()、stop()、...，javascript而不仅限于指定了API. 我基本上在寻找这样的东西： http: //www.w3.org/2010/05/video/mediaevents.html

4

1 回答 1

1

除非您所描述的是指向视频文件的直接链接，否则您所要求的内容是不可能的，即便如此，这可能还不够，我将解释原因：

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

  • 火狐：OGV、WebM
  • 互联网浏览器：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>
于 2013-02-26T21:37:15.993 回答