環繞嵌入式視頻播放器的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>