題,今天我們就談?wù)剣?guó)內(nèi)視頻網(wǎng)站的進(jìn)化,不談內(nèi)容,因?yàn)槲也皇浅?础V徽勊鼈冞@兩三年對(duì)瀏覽器的優(yōu)化,簡(jiǎn)單的說(shuō)就是對(duì)HTML5的支持度,以及使用SSL(HTTPS)。
因?yàn)锳dobe宣布2020年停止支持Flash,而一些瀏覽器巨頭也早就默認(rèn)不啟用Flash了。
愛(ài)奇藝:百度旗下的視頻網(wǎng)站(2013年5月7日百度收購(gòu)PPS視頻業(yè)務(wù),并與愛(ài)奇藝進(jìn)行合并。)
愛(ài)奇藝已經(jīng)全面支持HTTPS,并且已經(jīng)完美的支持了HTML5。
如下圖,支持HTML5 Chrome瀏覽器可以開(kāi)啟畫(huà)中畫(huà)功能,可以邊看視頻邊碼字...
但是愛(ài)奇藝在 Mac 的 Safari 上只能用 Flash,換了 Chrome 的 UA 才能用HTML5
騰訊視頻:鵝廠大力推廣的視頻品牌,視頻很多,版權(quán)也很多,質(zhì)量也不錯(cuò)。
默認(rèn)全面支持HTTPS,默認(rèn)支持HTML5,可以手動(dòng)切換到古老而又耗資源的Flash插件,如下圖
優(yōu)酷、土豆:阿里巴巴旗下視頻網(wǎng)站(2015年10月16日阿里巴巴宣布將收購(gòu)優(yōu)酷土豆,將以每股美國(guó)存托股票26.60美元的價(jià)格收購(gòu)。)
優(yōu)酷支持HTML5,但是bug一大推,比如:黑屏、卡頓等...
優(yōu)酷目前還沒(méi)全面支持HTTPS,只有進(jìn)入視頻播放頁(yè)面才支持HTTPS,(不過(guò)可以手動(dòng)HTTPS)不支持Chrome瀏覽器的畫(huà)中畫(huà)。
土豆也跟優(yōu)酷一樣,都是一家的,一樣的技術(shù),我就不上圖了。
如下圖:
搜狐視頻:印象里廣告特別的長(zhǎng),美劇版權(quán)挺多。
搜狐視頻已經(jīng)全面默認(rèn)支持HTTPS,并且支持HTML5,還可以手動(dòng)切換到古老而又耗資源的Flash插件,如下圖:
芒果TV是湖南廣播電視臺(tái)旗下唯一互聯(lián)網(wǎng)視頻平臺(tái),很多湖南電視臺(tái)的視頻獨(dú)享,比如綜藝節(jié)目:我是歌手等等...
芒果TV目前默認(rèn)支持HTTPS,并且支持HTML5,支持Chrome瀏覽器的畫(huà)中畫(huà),(Chrome默認(rèn)HTML5,沒(méi)有Flash播放器選項(xiàng),而Safari可以調(diào)出)
還可以手動(dòng)切換到古老而又耗資源的Flash插件,如下圖:
B站:?jiǎn)袅▎袅?- ( ゜- ゜)つロ 干杯~ 很多年輕人喜歡的視頻網(wǎng)站。
B站目前已全面支持HTTPS,并且默認(rèn)使用HTML5播放器,支持Chrome瀏覽器畫(huà)中畫(huà),支持手動(dòng)調(diào)用flash播放器。
AcFun彈幕視頻網(wǎng):國(guó)內(nèi)視頻網(wǎng)站彈幕視頻鼻祖
A站目前的日子不好過(guò)啊,網(wǎng)站關(guān)閉了幾次,而且被黑客攻擊,近千萬(wàn)條用戶(hù)數(shù)據(jù)外泄。
A站目前還不支持HTTPS,不支持HTML5,如文章第一張圖片:
AcFun:HTTPS是啥?HTML5是啥?
PPTV:印象里我起碼超過(guò)五六年沒(méi)有訪問(wèn)過(guò)這個(gè)網(wǎng)站了,不支持HTTPS,不支持HTML5播放器,不過(guò)貌似體育視頻挺多的...
暴風(fēng)影音:北京暴風(fēng)科技有限公司推出的一款視頻播放器,該播放器兼容大多數(shù)的視頻和音頻格式,同時(shí)它也有網(wǎng)頁(yè)視頻頁(yè),版權(quán)少、視頻少。
05年的時(shí)候經(jīng)常用暴風(fēng)影音播放器,現(xiàn)在不行了,過(guò)時(shí)了。
暴風(fēng)影音目前不支持HTTPS、不支持HTML5播放器,感覺(jué)它一直在用古老的技術(shù)...
中國(guó)網(wǎng)絡(luò)電視臺(tái)(英文簡(jiǎn)稱(chēng)CNTV),由央視國(guó)際網(wǎng)絡(luò)有限公司主辦,是中央電視臺(tái)旗下的國(guó)家網(wǎng)絡(luò)廣播電視播出機(jī)構(gòu),于2009年12月28日正式開(kāi)播。
CNTV作為官媒,財(cái)大氣粗,竟然還在用古老的技術(shù),還沒(méi)有支持HTTPS、HTML5播放器...
來(lái)源:老D博客
不知道你喜歡瀏覽哪個(gè)視頻網(wǎng)站呢?歡迎投票留言!
多站點(diǎn)都會(huì)使用到視頻. HTML5 提供了展示視頻的標(biāo)準(zhǔn)。
檢測(cè)您的瀏覽器是否支持 HTML5 視頻:
檢測(cè)
Web站點(diǎn)上的視頻
直到現(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)方法。
瀏覽器支持
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 <video> 元素.
注意: Internet Explorer 8 或者更早的IE版本不支持 <video> 元素。
HTML5 (視頻)- 如何工作
如需在 HTML5 中顯示視頻,您所有需要的是:
實(shí)例
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持Video標(biāo)簽。
</video>
<video> 元素提供了 播放、暫停和音量控件來(lái)控制視頻。
同時(shí)<video> 元素元素也提供了 width 和 height 屬性控制視頻的尺寸.如果設(shè)置的高度和寬度,所需的視頻空間會(huì)在頁(yè)面加載時(shí)保留。。如果沒(méi)有設(shè)置這些屬性,瀏覽器不知道大小的視頻,瀏覽器就不能再加載時(shí)保留特定的空間,頁(yè)面就會(huì)根據(jù)原始視頻的大小而改變。
<video> 與</video> 標(biāo)簽之間插入的內(nèi)容是提供給不支持 video 元素的瀏覽器顯示的。
<video> 元素支持多個(gè) <source> 元素. <source> 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式:
視頻格式與瀏覽器的支持
當(dāng)前, <video> 元素支持三種視頻格式: MP4, WebM, 和 Ogg:
瀏覽器 | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | NO | NO |
Opera | YES (從 Opera 25 起) | YES | YES |
MP4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
視頻格式
格式 | MIME-type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
HTML5 <video> - 使用 DOM 進(jìn)行控制
HTML5 <video> 和 <audio> 元素同樣擁有方法、屬性和事件。
<video> 和 <audio>元素的方法、屬性和事件可以使用JavaScript進(jìn)行控制.
其中的方法有用于播放、暫停以及加載等。其中的屬性(比如時(shí)長(zhǎng)、音量等)可以被讀取或設(shè)置。其中的 DOM 事件能夠通知您,比方說(shuō),<video> 元素開(kāi)始播放、已暫停,已停止,等等。
例中簡(jiǎn)單的方法,向我們演示了如何使用 <video> 元素,讀取并設(shè)置屬性,以及如何調(diào)用方法。
實(shí)例 1
為視頻創(chuàng)建簡(jiǎn)單的播放/暫停以及調(diào)整尺寸控件:
播放/暫停 放大 縮小 普通
上面的例子調(diào)用了兩個(gè)方法:play() 和 pause()。它同時(shí)使用了兩個(gè)屬性:paused 和 width。
HTML5 Video 標(biāo)簽
標(biāo)簽 | 描述 |
---|---|
<video> | 定義一個(gè)視頻 |
<source> | 定義多種媒體資源,比如 <video> 和<audio> |
<track> | 定義在媒體播放器文本軌跡 |
家都知道四月有一部霸權(quán)《進(jìn)擊的巨人》第三季即將播出,但因?yàn)檫@部動(dòng)漫的特殊性,大陸地區(qū)并沒(méi)有版權(quán),所以想看的觀眾們只好通過(guò)其他方式觀看,但是這樣的話,就失去了看彈幕的樂(lè)趣,仿佛缺了點(diǎn)什么。
B站港澳臺(tái)
所以,今天給大家介紹一種辦法,可以在B站觀看僅限港澳臺(tái)地區(qū)觀看的動(dòng)漫。
首先說(shuō)下,B站購(gòu)買(mǎi)了港澳臺(tái)的版權(quán),自然是會(huì)檢測(cè)用戶(hù)所在地,限制大陸觀眾的觀看。最最簡(jiǎn)單粗暴的辦法是花錢(qián)買(mǎi)VPN,但這樣做一是要破費(fèi),二是在看完港澳臺(tái)之后還要再換回來(lái),有些麻煩,而我今天介紹的辦法,則沒(méi)有這些困擾,下面就來(lái)教你破解港澳臺(tái)限制吧。
首先各位檢查一下自己的瀏覽器,必須是以谷歌Chrome為內(nèi)核的瀏覽器才可以,換句話說(shuō),2019年還在用IE內(nèi)核瀏覽器的朋友們,可以不用往下看了。
使用Chrome內(nèi)核的瀏覽器,一個(gè)特點(diǎn)就是有所謂的“極速模式”,目前大部分瀏覽器應(yīng)該都有這個(gè)功能吧。
由于我使用的是搜狗高速瀏覽器,同時(shí)有Chrome內(nèi)核和IE內(nèi)核,所以完全可以使用這個(gè)辦法。下面的步驟,我就以搜狗高速瀏覽器為例。(本方法僅適用于PC端,用手機(jī)的朋友們也可以不用往下看了)
在確定完瀏覽器沒(méi)有問(wèn)題后,我們要給瀏覽器下載一個(gè)插件,它就是大名鼎鼎的油猴插件。
油猴插件
這款插件其實(shí)是瀏覽器的腳本管理器,我就不展開(kāi)說(shuō)了,因?yàn)榘l(fā)文章的時(shí)候沒(méi)法插入鏈接什么的,所以大家直接搜“油猴插件”就可以了,注意下載的時(shí)候選擇和自己使用的瀏覽器搭配的版本。
搜狗版本
上圖就是下載好的插件了,直接雙擊安裝,插件就會(huì)顯示在搜狗瀏覽器的右上角。
這個(gè)黑色的圖標(biāo)就是油猴插件了
如果你瀏覽器的右上角出現(xiàn)了這樣一個(gè)黑色的方塊圖標(biāo),就代表第二步已經(jīng)完成了。
安裝完油猴插件之后,下一步就是安裝腳本。
老規(guī)矩,在網(wǎng)上搜“解除B站區(qū)域限制”,找到下面圖片里的這個(gè)網(wǎng)站,點(diǎn)擊“安裝此腳本”,就會(huì)自動(dòng)安裝。
就是這個(gè)網(wǎng)站
安裝完以后,我們就能看到在油猴插件里多出了這個(gè)腳本。
安裝成功
插件默認(rèn)是運(yùn)行的,我們不需要多做什么,直接進(jìn)入下一步。
在前三步操作完成之后,我們直接打開(kāi)B站的港澳臺(tái)番劇,瀏覽器會(huì)自動(dòng)提示“是否運(yùn)行腳本”,這個(gè)時(shí)候選是就可以了,如果你是B站大會(huì)員的話,腳本會(huì)提示是否授權(quán),這里同樣選擇授權(quán)就可以了,授權(quán)以后可以觀看1080P的版本哦。
成功!
最后需要注意的一點(diǎn)是,B站播放視頻請(qǐng)選擇HTML5播放器,不要使用FLASH播放器,在動(dòng)漫右邊的三個(gè)小點(diǎn)處可以選擇。
三爺好帥
大家學(xué)會(huì)了嗎?希望后天能在B站見(jiàn)到追《巨人》第三季的大家哦。有什么疑問(wèn)的話可以在評(píng)論區(qū)回復(fù),我會(huì)努力解答的。
我是梨梨醬,喜歡這篇文章的各位動(dòng)動(dòng)小手點(diǎn)個(gè)贊把。新人報(bào)道,每天都會(huì)分享我對(duì)動(dòng)漫的所見(jiàn)所得,歡迎大家關(guān)注我,你們的關(guān)注就是對(duì)我最好的鼓勵(lì),謝謝大家!
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。