功能:可以將視頻網(wǎng)站在電腦任何位置易畫(huà)中畫(huà)方式顯示
創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比姜堰網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式姜堰網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋姜堰地區(qū)。費(fèi)用合理售后完善,10年實(shí)體公司更值得信賴(lài)。
操作:兩次右鍵視頻
具體實(shí)現(xiàn)步驟:
1、第一次右鍵視頻,彈出的是視頻網(wǎng)站的菜單
2、保持第一步操作顯示不變,挪開(kāi)光標(biāo),再次右鍵,此時(shí)就會(huì)顯示瀏覽器的控制菜單
注:Windows可使用Chrome瀏覽器
截止2017年1月,目前國(guó)內(nèi)只有2個(gè)網(wǎng)站支持html5:
1.
騰訊視頻
2.
嗶哩嗶哩
可以說(shuō)中國(guó)在html5方面全面落后于美國(guó)。后續(xù)如果再有,我會(huì)再補(bǔ)上來(lái),促進(jìn)中國(guó)html5視頻網(wǎng)站的發(fā)展。
許多時(shí)髦的網(wǎng)站都提供視頻。HTML5 提供了展示視頻的標(biāo)準(zhǔn)。
檢測(cè)您的瀏覽器是否支持 HTML5 視頻:
Check
Web 上的視頻
直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上顯示視頻的標(biāo)準(zhǔn)。
今天,大多數(shù)視頻是通過(guò)插件(比如 Flash)來(lái)顯示的。然而,并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過(guò) video 元素來(lái)包含視頻的標(biāo)準(zhǔn)方法。
視頻格式
當(dāng)前,video 元素支持三種視頻格式:
格式
IE
Firefox
Opera
Chrome
Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
如何工作
如需在 HTML5 中顯示視頻,您所有需要的是:
video src="movie.ogg" controls="controls"
/video
TIY
control 屬性供添加播放、暫停和音量控件。
包含寬度和高度屬性也是不錯(cuò)的主意。
video 與 /video 之間插入的內(nèi)容是供不支持 video 元素的瀏覽器顯示的:
實(shí)例
video src="movie.ogg" width="320" height="240" controls="controls"
Your browser does not support the video tag.
/video
TIY
上面的例子使用一個(gè) Ogg 文件,適用于Firefox、Opera 以及 Chrome 瀏覽器。
要確保適用于 Safari 瀏覽器,視頻文件必須是 MPEG4 類(lèi)型。
video 元素允許多個(gè) source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式:
實(shí)例
video width="320" height="240" controls="controls"
source src="movie.ogg" type="video/ogg"
source src="movie.mp4" type="video/mp4"
Your browser does not support the video tag.
/video
TIY
Internet Explorer
Internet Explorer 8 不支持 video 元素。在 IE 9 中,將提供對(duì)使用 MPEG4 的 video 元素的支持。
video 標(biāo)簽的屬性
屬性
值
描述
autoplay autoplay 如果出現(xiàn)該屬性,則視頻在就緒后馬上播放。
controls controls 如果出現(xiàn)該屬性,則向用戶(hù)顯示控件,比如播放按鈕。
height pixels 設(shè)置視頻播放器的高度。
loop loop 如果出現(xiàn)該屬性,則當(dāng)媒介文件完成播放后再次開(kāi)始播放。
preload preload
如果出現(xiàn)該屬性,則視頻在頁(yè)面加載時(shí)進(jìn)行加載,并預(yù)備播放。
如果使用 "autoplay",則忽略該屬性。
src url 要播放的視頻的 URL。
width pixels 設(shè)置視頻播放器的寬度。
國(guó)內(nèi)winxp裝機(jī)量龐大,歷史遺留問(wèn)題,而winxp最大只能裝ie6,而微軟規(guī)定ie9以上才對(duì)html5支持,ie9需要win7支持。
原因如下:
1.IE9以下用戶(hù)還挺多,兼容性問(wèn)題。
2.html5支持的mp4等格式不好插廣告,必須把廣告插入視頻中。這樣每次廣告更新需要重新處理視頻,成功太高。
3.容易被下載,不利于他們推廣app。