一. 前言 ????
?????? 很早以前，我日常上網(wǎng)用的是Google Chrome瀏覽器，界面簡潔大方，擴展強大，特別是Tampermonkey插件是真NB。唯一感到遺憾的是以前的快捷工具擴展已經(jīng)廢了，沒法視頻獨立窗口播放。這也成了后來我棄用Chrome的主要原因之一，還是比較喜歡把視頻獨立窗口放一邊播放的同時，進行網(wǎng)頁的瀏覽。之后開始用國產(chǎn)雙核瀏覽器，不得不說大多數(shù)國產(chǎn)瀏覽器還是不錯的，有針對國人使用習(xí)慣進行了一定的優(yōu)化，不少都自帶了視頻彈窗播放功能。使用過的國產(chǎn)雙核瀏覽器中，體驗最好的應(yīng)該算是QQ瀏覽器了，它的擴展插件比較全面，搬運了Chrome Store不少好用的擴展。用著用著，感覺還是喜歡Chrome和Firefox這類多一些，又用回去了。后面找了一些Chrome和Firefox視頻獨立窗口的解決方案,現(xiàn)在分享給大家。
二. chrome方案
??????? 得益于chrome強大的應(yīng)用商店，開發(fā)者提供了一個新的插件可以實現(xiàn)視頻彈窗播放功能。插件名字叫Separate Window,能上外網(wǎng)的朋友直接點擊
???????? https://chrome.google.com/webstore/detail/separate-window/cbgkkbaghihhnaeabfcmmglhnfkfnpon?hl=zh-CN
下載該插件
不能番羽墻的朋友可以到https://chrome-extension-downloader.com/這個網(wǎng)站，復(fù)制cbgkkbaghihhnaeabfcmmglhnfkfnpon粘貼到下圖這個地方，就可以下載.crx
左下方會彈出橫條，要點 保留 才能下載安裝好該插件
???? 安裝好后，以后看視頻就可以獨立窗口播放了。拿b站視頻檢驗下
????? 右上方就是我們剛剛安裝好的插件了，點擊它
???????? 出現(xiàn)三個選項，點擊Select，選擇我們正在播放的視頻的區(qū)域，再單擊一下鼠標(biāo)左鍵即可
? ? ? 這樣就實現(xiàn)了視頻彈窗播放了??
三. Firefox方案
1.通過插件解決
? ? ? ? ? 一開始不用火狐的，感覺強大是強大，但是界面賊丑。到了Firefox Quantum出來后，就好多了，界面變好看了。我現(xiàn)在在用的就是它的一款改版，Runningcheese Firefox，基本的功能跟原版的是一樣的，主要是它在原版火狐的基礎(chǔ)上添了不少實用的功能，界面改的也簡潔好看了。最開始還是缺少了視頻彈窗播放功能，后面我找到了這款插件：視頻彈出工具
https://addons.mozilla.org/zh-CN/firefox/addon/popup-tool/?src=search
安裝好后，我們同樣再拿b站檢驗一下
當(dāng)鼠標(biāo)懸浮在視頻處時，左上角就會顯示彈窗按鈕，點擊它就可以了
彈窗播放時，左上角會出現(xiàn)兩個按鈕
??????? 使用過程中，還是出現(xiàn)了一些小問題，像b站的話，html5播放器模式下，視頻得跑一段，不然彈窗播放狀態(tài)下會卡頓明顯，切換成flash播放器模式就沒有這一問題了。（個人感覺是b站的鍋，100M光寬帶怎么可能卡成翔_(??ω?? 」∠)_），其他網(wǎng)站倒是沒什么大問題。查了一下，據(jù)說b站的html5播放的其實還是flv文件，邊播放轉(zhuǎn)碼mp4來著，如果真這樣，會卡頓能理解???（有句xxx不知道當(dāng)講不當(dāng)講）
2.通過油猴腳本+插件解決
??????? 感謝強大的Tampermonkey，提供了一種新思路。具體用到的腳本有以下這兩款（二選一即可，兩個一起用也不沖突）
https://greasyfork.org/zh-CN/scripts/4870-maximize-video
???? 安裝好后你會在Tampermonkey的已安裝腳本里看到它（納尼？你竟然不知道傳說中的Tampermonkey，那就去下面這個網(wǎng)址(???ω???)）
https://addons.mozilla.org/zh-CN/firefox/addon/tampermonkey/?src=search
??? 然后 附加組件 里下載安裝這個
???https://addons.mozilla.org/zh-CN/firefox/addon/popup-window/?src=search
工作到此完成，讓我們再拿b站試驗一下
這時候是右上角會出現(xiàn)網(wǎng)頁全屏按鈕，點擊它
將鼠標(biāo)移到最左邊或者最右邊，右鍵 - 彈出至獨立窗口
OK，成功實現(xiàn)了
PS: 安裝 視頻啟用html5 腳本的，可以通過 Ctrl+回車 實現(xiàn)網(wǎng)頁全屏
不過這方法有個缺點就是還原不回去
點 還原大小 后，杯具了。它就會在小窗口里還原而已，不會還原到標(biāo)簽的形式(￣_￣|||)
要想看到完整的視頻，需要鼠標(biāo)手動拉伸放大窗口
不要求還原到標(biāo)簽，只是調(diào)整視頻窗口大小的話，利用 視頻啟用html5 腳本帶有的快捷鍵功能，可以實現(xiàn)按比例縮放
按 Esc 鍵，會自動調(diào)整視頻在小窗口的位置
再點 寬屏 按鈕
隨便拉伸，視頻會自己保持一個比例??
四. 關(guān)于窗口置頂?shù)姆椒?/b>
?????? 以上的方法，不管是Chrome還是Firefox都只是實現(xiàn)了彈窗播放這一功能，還需要窗口置頂這一功能，這個只需要一個小軟件即可解決，軟件名叫做?DeskPins
下載地址：DeskPins
綠色版的，需要自己創(chuàng)建個快捷方式到桌面，也可以選擇放任務(wù)欄上
DeskPins.exe 右鍵 發(fā)送到 - 桌面快捷方式
雙擊桌面圖標(biāo)后，會在任務(wù)欄出現(xiàn)，點擊它。
鼠標(biāo)會變成一個釘子的形狀，再點一下視頻的窗口
右上角的 最小化窗口 按鈕旁邊就會多一個紅色的釘子，此時表示窗口已經(jīng)置頂成功了
換標(biāo)簽依然不影響
Firefox的話還可以去下載 Always on Top 實現(xiàn)置頂功能
https://addons.mozilla.org/zh-CN/firefox/addon/always-on-top/?src=search
五. 后記
??????? 總的來說，體驗比較好的是Chrome的Separate Window，基本上大多數(shù)的視頻網(wǎng)站都能實現(xiàn)，獨立窗口和還原回標(biāo)簽 兩種方式切換很便利。Firefox的由于一些小問題，還不算完美，不過日常使用還是夠用的。（可以選擇把b站的播放器切換成flash模式）
