使用视频、对象和嵌入标签在 Android Firefox 浏览器中自动播放不起作用答案

【问题标题】：Autoplay not working in Android Firefox browser using video, object and embed tags使用视频、对象和嵌入标签在 Android Firefox 浏览器中自动播放不起作用
【发布时间】：2021-03-05 04:14:09
【问题描述】：

使用以下代码的自动播放选项在除 Android Firefox 浏览器之外的所有设备上的所有浏览器中都能正常工作

<video  onload="this.play();" controls autoplay muted loop>
  <source src="https://storage.googleapis.com/web-dev-assets/video-and-source-tags/chrome.webm" type="video/webm">
  <source src="https://storage.googleapis.com/web-dev-assets/video-and-source-tags/chrome.mp4" type="video/mp4">
  <p>Your browser cannot play the provided video file.</p>
</video>

尝试了以下选项，但都没有工作

autoplay = "1" , autoplay = "autoplay" , autoplay = "true" 用于视频选项
使用对象和嵌入标签时出现相同问题（仅显示视频背景，但不显示自动播放）
on load 方法在 android 浏览器中无效

在 chrome 和 Safari 浏览器上没有问题

Codepen 网址供参考-https://codepen.io/nagasai/pen/mdEZabp

【问题讨论】：

标签： android firefox html5-video

【解决方案1】：

在 Android Firefox 上，自动播放由用户在“站点权限”下的设置中控制，默认为“阻止音频和视频”。

您可以使用上面的可待因示例进行测试：

在默认设置上加载您的 codepen 链接，视频将不会像您观察到的那样播放。
转到网址栏右侧的选项点，选择“设置”，然后选择“站点权限”，然后选择“自动播放”
将设置更改为“仅阻止音频”
退出设置并重置您的 codepen 链接，您的视频现在应该会自动播放

【讨论】：