html5怎么嵌入视频
生活随笔
收集整理的這篇文章主要介紹了
html5怎么嵌入视频
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先我們要知道HTML5是支持直接在瀏覽器中播放音頻和視頻文件的，不需要使用 adobe flash 插件。
插件缺點：插件是令瀏覽器崩潰的主要原因之一，特別是 flash，存在著很多問題。
（視頻學習推薦：html5視頻教程）
在網頁中嵌入視頻要使用 video 元素。
一、<video> 標簽
定義和用法
<video> 標簽定義視頻，比如電影片段或者其他視頻流。
提示
可以在開始標簽和結束標簽之間放置文本內容，這樣老的瀏覽器就可以顯示出不支持該標簽的信息
屬性：
舉例：
<!DOCTYPE HTML> <html> <body> <video src="http://www.w3school.com.cn/i/movie.ogg" controls="controls"> 您的瀏覽器不支持 video 標簽。 </video> </body> </html>
瀏覽器支持的視頻格式
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG 4 = 帶有 H.264 視頻編碼和 ACC 音頻文件的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
總結：沒有任何一個格式可以支持所有的瀏覽器
最簡單的方法，同時使用 Mp4 和 Ogv 兩種影音格式
二、<source> 標簽
在 <video></video> 中間插入元素 source
source 元素用來設置視頻格式，包含屬性 src 和 type
舉例：
<video src=\'視頻1.mp4\' heigth=\'500px\' controls> <source src=\'視頻2.mp4\' type=\'video/mp4\'> <!-- 當‘視頻1.mp4’無法播放時，會跳轉到src=\'視頻2.mp4\' --> <source src=\'視頻2.ogv\' type=\'video/ogg\'> <!-- 當瀏覽器不支持MP4格式的視頻時，會自動找此處ogv格式的視頻 --> <source src=\'視頻2.webm\' type=\'video/webm\'> </video>
這里提供了兩種可選的視頻格式 Mp4 和 Ogv。視頻鏈接現在不再是通過 video 元素的 src 屬性來給出，而是通過 source 元素單獨指出。source 元素允許我們指定多種可選格式的視頻文件，這樣當瀏覽器不支持寫在前面的格式時可以選擇后面格式的視頻文件。
總結
以上是生活随笔為你收集整理的html5怎么嵌入视频的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 详解通过ProxySQL提升PHP/My
- 下一篇： ThinkPHP6模板如何实现非空判断