视频背景自动播放无法在移动设备（Wordpress）上运行

Question

我正在尝试让一个背景视频在用户访问我的wordpress网站首页时播放，但是，该视频仅在访问桌面版时自动播放。另外，当我使用设备VM通过wordpress预览网站时，它显示正在自动播放，但是当我在移动设备上访问域网站时，它却不会自动播放。

您是否可能无法在移动设备上自动播放视频？

下面的javascript检查用户是否正在使用移动设备或台式机。如果用户使用的是移动设备，则会显示该视频的移动友好版本，否则将显示桌面版本：

<script> 
if (navigator.userAgent.match(/Android/i) 
  || navigator.userAgent.match(/webOS/i) 
  || navigator.userAgent.match(/iPhone/i)  
  || navigator.userAgent.match(/iPad/i)  
  || navigator.userAgent.match(/iPod/i) 
  || navigator.userAgent.match(/BlackBerry/i) 
  || navigator.userAgent.match(/Windows Phone/i)) { 
    jQuery(document).ready( function($) { $('body').prepend('<div class="video-bg-container"><video autoplay="autoplay" loop="loop" muted defaultMuted playsinline class="bg-video"><source src="MOB-1.mp4" type="video/mp4"></video></div>'); });
}else { 
   jQuery(document).ready( function($) { $('body').prepend('<div class="video-bg-container"><video autoplay="autoplay" loop="loop" muted defaultMuted playsinline class="bg-video"><source src="DSK.mp4" type="video/mp4"></video></div>'); });
}

</script>

您可能会对该主题有任何信息，将不胜感激。谢谢。

更新

我正在iPhone 11 Max Pro上运行测试。这是编解码器信息。该文件是带有H264的MP4。

Answer 1

您还必须在视频标签内启用自动播放。

请注意，如果您使用的是 iphone，如果您处于省电模式，则自动播放功能将被禁用