[問題] bookmarklet開啟picture in picture

看板Web_Design作者 (小廢物)時間2年前 (2022/06/09 01:45), 2年前編輯推噓0(006)
留言6則, 3人參與, 2年前最新討論串1/1
因為我看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

06/09 21:11, 2年前 , 1F
把程式碼完整貼出來吧
06/09 21:11, 1F

06/09 21:11, 2年前 , 2F
不然直接用原生js語法不就好了,也沒多麻煩
06/09 21:11, 2F
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

06/10 11:42, 2年前 , 3F
只是要select video為什麼不直接用原生就好要jquery?
06/10 11:42, 3F

06/10 11:53, 2年前 , 4F
(function(){document.querySelector('video').requestPict
06/10 11:53, 4F

06/10 11:53, 2年前 , 5F
ureInPicture()})()
06/10 11:53, 5F

06/10 16:23, 2年前 , 6F
哇嗚可以了,感謝s大
06/10 16:23, 6F
文章代碼(AID): #1YeE1ED1 (Web_Design)
文章代碼(AID): #1YeE1ED1 (Web_Design)