[問題] bookmarklet開啟picture in picture

[wjyo (小廢物)]

因為我看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://www.ptt.cc/bbs/Web_Design/M.1654710350.A.341.html
→ jimmily: 把程式碼完整貼出來吧
→ jimmily: 不然直接用原生js語法不就好了，也沒多麻煩
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
→ ssccg: 只是要select video為什麼不直接用原生就好要jquery?
→ ssccg: (function(){document.querySelector('video').requestPict
→ ssccg: ureInPicture()})()
→ wjyo: 哇嗚可以了，感謝s大