我有一个奇怪的问题。我正在尝试创建一个循环播放背景视频的网站。代码如下：
<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>该代码在大多数浏览器上运行良好（IE对此object-fit有些困难，但我不介意），但在iPhone上视频无法自动播放，而在iPad上可以。我已经阅读了iOS的新政策并且认为我符合要求（否则iPad无法自动播放）。 我进行了一些其他测试：
我是做错了什么还是iPhone根本无法自动播放视频并始终需要交互？我只关心iOS 10，我知道iOS 9的要求是不同的。
playsinline 属性有帮助吗？
这是我所拥有的内容：
<video autoplay loop muted playsinline class="video-background ">
<source src="videos/intro-video3.mp4" type="video/mp4">
</video>
在这里查看关于playsinline的注释：https://webkit.org/blog/6784/new-video-policies-for-ios/
muted 和 playsinline 结合起来使用，这对我有用。 - Kenplaysinline 解救了我们！！！谢谢你。
顺便说一下，新的浏览器政策要求如果你想自动播放视频，必须将其静音启动，否则你将无法这样做。 +1 给 @ken
例如在 Chrome 中：
[https://developers.google.com/web/updates/2017/09/autoplay-policy-changes] - Nuno Prataplaysinline必须写成驼峰式命名：playsInline。否则它将无法正常工作。 - Quentin DiOS 10及以上版本支持内联视频自动播放，但您需要关闭iPhone的“低电量模式”。
以下是一个小技巧，可以克服网站视频自动播放遇到的所有问题：
注意：某些浏览器不允许视频自动播放，除非用户与设备进行交互。
因此，用于检查视频是否正在播放的脚本如下：
Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
get: function () {
return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
}});
然后，您可以通过将事件侦听器附加到body来简单地自动播放视频：
$('body').on('click touchstart', function () {
const videoElement = document.getElementById('home_video');
if (videoElement.playing) {
// video is already playing so do nothing
}
else {
// video is not playing
// so play video now
videoElement.play();
}
});
autoplay 属性非常基础，需要添加到视频标签中而不是这些脚本。我曾经遇到类似的问题，并尝试了多个解决方案。最终通过以下两点解决了问题。
dangerouslySetInnerHtml 嵌入 <video> 代码。例如：<div dangerouslySetInnerHTML={{ __html: `
<video class="video-js" playsinline autoplay loop muted>
<source src="../video_path.mp4" type="video/mp4"/>
</video>`}}
/>
此外，感谢@boltcoder提供的指南：在移动设备上（Safari / iOS 10+）使用React自动静音HTML5视频
抱歉回复晚了，但今天我发现您需要关闭iPhone的电池节省功能才能使视频自动播放。
这里有一个简单的解决方案，可以在IOS上自动播放视频，我已经尝试过，在IOS、Android上完美运行，并且在各种平台上的所有浏览器上也可以使用。
只需为视频使用(data-wf-ignore)和(data-object-fit)属性，对于源标签，请使用data-wf-ignore。
You can see the working example with code here at this Snippet:
<video id="myVideo" autoplay="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" data-wf-ignore="true" />
</video>