HTML5視頻標籤如何消除對插件的需求。視頻標籤除了像嵌入和對象之類的以前使用過的標籤之外還做了什麼,這些標籤不需要插件?
請詳細解釋。HTML5中的視頻元素
回答
如何HTML5視頻標籤消除了使用
<video>
標籤時支持HTML5的球員有能力顯示的默認或內置的播放器插件
瀏覽器的需要。
視頻標籤除了像以前使用的標籤 像嵌入和對象,除去需要插件是什麼做?
<video>
標記對其他/舊標籤沒有任何作用,但它確實爲您提供了一個備選選項。如果瀏覽器不支持HTML5,它們將回退到舊方法,如<embed>
,<object>
。這裏有一個例子:
<video controls
preload="none" width="590" height="320"
data-setup="{}">
<source src="Real_Media.theora.ogv" type='video/ogg'>
<!-- fallback for older browsers -->
<object width="590" height="320">
<param name="movie" value="http://www.youtube.com/v/Z7pAr39ZnhA&hl=en_US&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Z7pAr39ZnhA&hl=en_US&&autoplay=1;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="590" height="320" wmode="transparent"></embed>
</object>
</video>
正如你可以看到,我們已指定內部<video>
標籤<object>
標籤。雖然它是可選的,但您需要爲不支持HTML5的瀏覽器指定它。在上述情況下,如果瀏覽器支持HTML5,則將使用<video>
標記,並且<object>
標記將被忽略,反之亦然。
有關HTML5視頻的深入細節,看一看:
您發送的鏈接表示「瀏覽器會選擇第一個可以真正播放的視頻文件。」那麼html5的作用是什麼。瀏覽器將能夠播放它支持的視頻。那麼html5在做什麼? – Ashwin 2012-04-12 04:18:27
@Ashwin你是對的,'
視頻和IE9有點疑難雜症。客戶端提供了.mp4視頻。我們在一個帶有.ogg選項的網站上工作,非HTML 5的Flash對象後備工作。一切都很好,並且在XP完全更新到最新的IE的情況下,工作得很漂亮。所以IE很好。 Chrome罰款。 Firefox很好。片劑罰款。網站看起來不錯。
然後我們抱怨 - 視頻沒有顯示。有人使用Windows 7和IE,再次完全更新,無法看到視頻。
事實證明,客戶端並沒有將.mp4編碼爲H.264格式的視頻,而我們完全更新的XP系統僅運行IE8(WinXP沒有IE9)並且優雅地回落到Flash。 Chrome使用.mp4,FF和.ogg。但事實證明,IE9正在讀取標籤,但無法讀取.mp4文件 - 所以無法回退到閃存,只是紅十字。解決方案是重新編碼.mp4(Miro使用),以便它有適當的編解碼器。
道德是如果對IE9有疑問,請檢查.mp4文件已被編碼爲正確的格式。
看一看:http://html5media.info/要包含一個行.js文件,支持所有主流瀏覽器和電話<video>
和<audio>
標籤:
- 1. IE 5中的HTML5視頻元素11
- 2. html5內嵌或塊元素的音頻和視頻元素?
- 3. 覆蓋HTML5視頻上的元素
- 4. iPad4上的HTML5視頻元素Safari
- 5. 使用api訪問html5視頻元素
- 6. 使用XSLT擴展HTML5視頻元素
- 7. HTML5視頻元素拒絕玩
- 8. HTML5視頻元素didnt顯示
- 9. HTML5視頻元素寬度70%
- 10. 將HTML5視頻元素疊加到另一個視頻元素上。
- 11. 使用jquery(Html5視頻元素)恢復視頻
- 12. HTML5視頻元素不能在Android設備上播放視頻?
- 13. 使用HTML5視頻元素反向播放視頻
- 14. HTML5視頻像素跟蹤
- 15. 背景視頻出現在頁面中的一半(HTML5視頻元素)
- 16. JavaScript中的視頻元素
- 17. 如何自動播放疊加層中的html5視頻元素?
- 18. HTML5視頻元素音頻屬性問題
- 19. 防止同時播放HTML5視頻和音頻元素
- 20. HTML5音頻元素音頻數據
- 21. 爲javascript中的視頻元素創建重複的視頻對象。控制html5視頻
- 22. html5視頻與jQuery和inview - 如何指向正確的視頻元素?
- 23. 如何在離子2中加載HTML5視頻元素
- 24. ios safari上的HTML5視頻元素的readyState問題
- 25. 在html5視頻的精確幀上顯示html元素
- 26. 通過JavaScript創建新的HTML5視頻元素
- 27. html5視頻元素 - 我如何得到它的名字
- 28. 具有不透明度的CSS元素與html5視頻重疊
- 29. iPad上的HTML5視頻元素不會觸發onclick?
- 30. 解釋HTML5 Canvas元素的良好截屏視頻來源
不知道這個問題是你想的那麼深刻。 HTML5只是一個瀏覽器規範。所有這一切意味着瀏覽器本身就實現了一個視頻播放器,作爲諸如Quicktime,Flash等各種廠商的替代品。 – McGarnagle 2012-04-11 11:42:56
@dbaseman:好的..這是我想知道的。所以他們仍然使用插件,但它只是原生包含在瀏覽器中,並且與html5正確兼容? – Ashwin 2012-04-11 11:48:12
我認爲這是不對的。 「插件」是由第三方使用瀏覽器應用程序製造商提供的API構建的。當你在頁面上放置HTML5時,不需要插件(除了每個Sarfraz的回退),而是瀏覽器本來應該呈現視頻,這與他們渲染任何其他HTML標記的方式相同。 – McGarnagle 2012-04-11 11:55:14