題，今天我們就談?wù)剣?guó)內(nèi)視頻網(wǎng)站的進(jìn)化，不談內(nèi)容，因?yàn)槲也皇浅？础Ｖ徽勊鼈冞@兩三年對(duì)瀏覽器的優(yōu)化，簡(jiǎn)單的說(shuō)就是對(duì)HTML5的支持度，以及使用SSL（HTTPS）。

因?yàn)锳dobe宣布2020年停止支持Flash，而一些瀏覽器巨頭也早就默認(rèn)不啟用Flash了。

• 愛(ài)奇藝

愛(à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)酷土豆

優(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

芒果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插件，如下圖：

• 嗶哩嗶哩彈幕網(wǎng)（B站）

B站：?jiǎn)袅▎袅?- ( ゜- ゜)つロ 干杯~ 很多年輕人喜歡的視頻網(wǎng)站。

B站目前已全面支持HTTPS，并且默認(rèn)使用HTML5播放器，支持Chrome瀏覽器畫(huà)中畫(huà)，支持手動(dòng)調(diào)用flash播放器。

• AcFun（A站）

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是啥？

• PP視頻（PPTV）

PPTV：印象里我起碼超過(guò)五六年沒(méi)有訪問(wèn)過(guò)這個(gè)網(wǎng)站了，不支持HTTPS，不支持HTML5播放器，不過(guò)貌似體育視頻挺多的...

• 暴風(fēng)影音

暴風(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ù)...

• CNTV（中國(guó)網(wǎng)絡(luò)電視臺(tái)）

中國(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 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件

• WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

• Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 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)簽

家都知道四月有一部霸權(quán)《進(jìn)擊的巨人》第三季即將播出，但因?yàn)檫@部動(dòng)漫的特殊性，大陸地區(qū)并沒(méi)有版權(quán)，所以想看的觀眾們只好通過(guò)其他方式觀看，但是這樣的話，就失去了看彈幕的樂(lè)趣，仿佛缺了點(diǎn)什么。

所以，今天給大家介紹一種辦法，可以在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ì)顯示在搜狗瀏覽器的右上角。

如果你瀏覽器的右上角出現(xiàn)了這樣一個(gè)黑色的方塊圖標(biāo)，就代表第二步已經(jīng)完成了。

第三步：下載“解除B站區(qū)域限制”腳本

安裝完油猴插件之后，下一步就是安裝腳本。

老規(guī)矩，在網(wǎng)上搜“解除B站區(qū)域限制”，找到下面圖片里的這個(gè)網(wǎng)站，點(diǎn)擊“安裝此腳本”，就會(huì)自動(dòng)安裝。

安裝完以后，我們就能看到在油猴插件里多出了這個(gè)腳本。

插件默認(rèn)是運(yùn)行的，我們不需要多做什么，直接進(jìn)入下一步。

第四步：直接打開(kāi)B站動(dòng)漫

在前三步操作完成之后，我們直接打開(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ì)，謝謝大家！