首先我們要知道HTML5是支持直接在瀏覽器中播放音頻和視頻文件的,不需要使用 adobe flash 插件。
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供煙臺網(wǎng)站建設、煙臺做網(wǎng)站、煙臺網(wǎng)站設計、煙臺網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、煙臺企業(yè)網(wǎng)站模板建站服務,十載煙臺做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。插件缺點:插件是令瀏覽器崩潰的主要原因之一,特別是 flash,存在著很多問題。
(視頻學習推薦:html5視頻教程)
在網(wǎng)頁中嵌入視頻要使用 video 元素。
一、
定義和用法
提示
可以在開始標簽和結(jié)束標簽之間放置文本內(nèi)容,這樣老的瀏覽器就可以顯示出不支持該標簽的信息
屬性:
舉例:
瀏覽器支持的視頻格式
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG 4 = 帶有 H.264 視頻編碼和 ACC 音頻文件的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
總結(jié):沒有任何一個格式可以支持所有的瀏覽器
最簡單的方法,同時使用 Mp4 和 Ogv 兩種影音格式
二、
在 中間插入元素 source
source 元素用來設置視頻格式,包含屬性 src 和 type
舉例:
這里提供了兩種可選的視頻格式 Mp4 和 Ogv。視頻鏈接現(xiàn)在不再是通過 video 元素的 src 屬性來給出,而是通過 source 元素單獨指出。source 元素允許我們指定多種可選格式的視頻文件,這樣當瀏覽器不支持寫在前面的格式時可以選擇后面格式的視頻文件。