我想知道如果音頻和視頻元素塊或內聯元素?html5內嵌或塊元素的音頻和視頻元素?
5
A
回答
3
我跑了以下網頁在Chrome 11 ...
<!DOCTYPE html>
<audio></audio>
<canvas></canvas>
<script>
var c = document.getElementsByTagName('audio')[0];
alert(getComputedStyle(c, null).display);
</script>
...並報告inline
兩個帆布和音頻。物有所值。
3
與許多(大多數?)HTML元素一樣,它取決於上下文。在這個例子中它們是「內聯」元件(現所謂的「措辭」元素):
<!DOCTYPE html>
<p><audio></audio><video></video></p>
</html>
在這個例子中它們是「塊」的元件(現所謂的「流」的元素):
<!DOCTYPE html>
<p></p>
<audio></audio>
<video></video>
<p></p>
</html>
您的瀏覽器是否符合規範是另一個問題。
對於進一步閱讀: https://developer.mozilla.org/en-US/docs/HTML/Content_categories
相關問題
- 1. HTML5音頻元素音頻數據
- 2. HTML5中的視頻元素
- 3. 防止同時播放HTML5視頻和音頻元素
- 4. 音頻元素內選擇
- 5. HTML5視頻元素音頻屬性問題
- 6. Seelcting音頻元素
- 7. Phonegap音頻元素
- 8. 創建使用HTML5音頻元素
- 9. html5音頻元素返回src與jquery
- 10. 多個html5音頻元素jquery錯誤
- 11. 覆蓋HTML5視頻上的元素
- 12. iPad4上的HTML5視頻元素Safari
- 13. IE 5中的HTML5視頻元素11
- 14. Android HTML5音頻元素與音頻精靈
- 15. 跟蹤元素不與音頻元素
- 16. 將HTML5視頻元素疊加到另一個視頻元素上。
- 17. 使用api訪問html5視頻元素
- 18. 使用XSLT擴展HTML5視頻元素
- 19. HTML5視頻元素拒絕玩
- 20. HTML5視頻元素didnt顯示
- 21. HTML5視頻元素寬度70%
- 22. 是否可以使用html5音頻元素的ttml或vtt?
- 23. 音頻元素在Chrome
- 24. 音頻元素無效
- 25. 使用音頻HTML元素
- 26. 使用jquery(Html5視頻元素)恢復視頻
- 27. HTML5視頻元素不能在Android設備上播放視頻?
- 28. 使用HTML5視頻元素反向播放視頻
- 29. JavaScript中的視頻元素
- 30. 內嵌事後元素塊元素
http://jsfiddle.net/tchalvakspam/tary5hdj/ 經過視頻以及全部顯示爲默認的內聯。 – Kzqai 2015-05-21 00:48:29