作者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/cn.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