我正试图在canvas上播放视频，通过此我可以控制显示的视频区域。我可以在桌面或者安卓浏览器上实现，但是在iOS Safari上，我不能播放隐藏的视频，当我在video元素上调用play()方法时（我必须在用户触发事件回调中注册），视频播放器将在网页的最顶层弹出，即使视频元素没有附加到文档中，并且在我关闭此播放器后，视频将被暂停。有没有办法禁用这个弹出的播放器，只在后台播放视频？
canvas
play()
hc8w905p1#
在我搜索Safari相关的安全策略后，我从webkit中找到了this post。根据政策，我可以使用playsinline来摆脱全屏播放器。但是video.playsinline = true;不起作用，video.setAttribute("playsinline", true);会起作用。他们说这个属性现在是标准的，我不知道为什么我还要使用setAttribute。之后，我可以像其他浏览器一样用css设置video不可见。顺便说一句，设置视频静音将使autoplay属性生效。
playsinline
video.playsinline = true;
video.setAttribute("playsinline", true);
setAttribute
video
autoplay
1条答案
按热度按时间hc8w905p1#
在我搜索Safari相关的安全策略后，我从webkit中找到了this post。
根据政策，我可以使用
playsinline来摆脱全屏播放器。但是video.playsinline = true;不起作用，video.setAttribute("playsinline", true);会起作用。他们说这个属性现在是标准的，我不知道为什么我还要使用setAttribute。之后，我可以像其他浏览器一样用css设置video不可见。顺便说一句，设置视频静音将使
autoplay属性生效。