设置Permissions-Policy后视频仍无法自动播放的问题求助

你遇到的自动播放失败问题，核心出在两个地方：Permissions-Policy的配置逻辑错误，以及浏览器对有声视频的自动播放限制未处理。

1. Permissions-Policy 配置错误 #

你当前设置的autoplay=("https://sample-videos.com")，是允许**该域名下的第三方资源（比如iframe）**使用autoplay权限，但并没有授予当前页面自身的自动播放权限。浏览器依然会限制当前页面脚本直接调用play()方法。

正确的配置应该是允许当前页面（self）使用autoplay权限：

def send_my_headers(self):
    # 授予当前页面自动播放权限
    self.send_header("Permissions-Policy", 'autoplay=("self")')
    return

如果需要允许所有来源（不推荐生产环境），可以写成autoplay=*。

2. 有声视频的自动播放限制 #

现代浏览器对有声视频的自动播放有严格限制：即使配置了Permissions-Policy，有声视频也必须经过用户交互才能播放。解决这个问题的最简单方式是将视频设置为静音。

同时你代码中手动调用video.play()是多余的——设置video.autoplay=true已经会触发自动播放逻辑。

修改后的HTML脚本：

<script defer>
    var video = document.createElement('video');
    video.classList.add('playing')
    video.src = 'https://sample-videos.com/video123/mp4/480/big_buck_bunny_480p_30mb.mp4'
    video.playsInline = true
    video.autoplay = true
    video.muted = true  // 添加静音设置
    document.body.appendChild(video)
</script>

总结 #

按照上述两点修改后，页面就能正常触发视频自动播放：

• 先通过Permissions-Policy授予当前页面自动播放权限
• 给视频添加静音属性，绕过浏览器对有声视频的自动播放限制

内容的提问来源于stack exchange，提问作者Appaji Chintimi