作者wjyo (小廢物)
看板Web_Design
標題[問題] bookmarklet開啟picture in picture
時間Thu Jun 9 01:45:47 2022
因為我看twitch直播時視窗中沒有子母畫面按鈕
但在YT就有顯示
雖然在瀏覽器主控台輸入以下可以成功執行
$('video').requestPictureInPicture();
但我想寫成一個bookmarklet書籤
可以一鍵開啟PIP子母畫面
目前是使用這個網站轉成bookmarklet格式
https://mrcoles.com/bookmarklet/
javascript code內為:
$('video').requestPictureInPicture();
也已經include jQuery (1.11.1)
最後把轉換後的code建成一個書籤
但是在twitch直播頁面點選書籤時出現以下錯誤
[ERROR] Uncaught error. TypeError: $(...).requestPictureInPicture is not a
function
at <anonymous>:1:70
at HTMLScriptElement.callback (<anonymous>:1:97)
不知道是哪裡出了問題
謝謝~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.117.86 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1654710350.A.341.html
1F：→ jimmily: 把程式碼完整貼出來吧 06/09 21:11
2F：→ jimmily: 不然直接用原生js語法不就好了，也沒多麻煩 06/09 21:11
javascript:(function(){function callback(){(function($){var
jQuery=$;$('video').requestPictureInPicture()})(jQuery.noConflict(true))}var
s=document.createElement("script");s.src="
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";if(s.addEventListener){s.addEventListener("load",callback,false)}else
if(s.readyState){s.onreadystatechange=callback}document.body.appendChild(s);})()
bookmarklet就是上面這一大串
※ 編輯: wjyo (111.243.117.86 臺灣), 06/09/2022 22:09:51
3F：→ ssccg: 只是要select video為什麼不直接用原生就好要jquery? 06/10 11:42
4F：→ ssccg: (function(){document.querySelector('video').requestPict 06/10 11:53
5F：→ ssccg: ureInPicture()})() 06/10 11:53
6F：→ wjyo: 哇嗚可以了，感謝s大 06/10 16:23