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