Javascript 视频自动播放有时有效有时无效

我正在使用视频作为我页面上的横幅。当有人因为数据问题而使用手机时，我希望它停止播放。尝试使用jquery检查窗口大小，如果窗口宽度低于600px，则停止。问题是，有时视频开始在pc上自动播放，但如果我刷新页面，它就会停止。我使用的是js+jquery，尝试将右上方的结束体标记添加到标题中。 我在某个地方读到，浏览器阻止在手机上自动播放，但不确定这是否属实。我也很高兴听到一些答案。 这是我的代码：

<video class="video" id="video" loop="loop" muted="muted" preload="auto">
<source src="https://www.lacity.org/sites/g/files/wph1221/f/EchoPark_1920x800_loop.mp4" type="video/mp4">
Böngészője nem támogatja a  a HTML5 videót</video>

Böngészője nem támogatja是HTML5视频

$（函数（）{
var screenWidth=$（窗口）.width（）；
如果（屏幕宽度>=600）{
$（'#video'）.attr（'autoplay'，'autoplay'）；
}
});

请尝试此代码，希望对您有所帮助。
$（函数（）{
var screenWidth=$（窗口）.width（）；
如果（屏幕宽度>=600）{
$（“#视频”）.play（）；
}
});

请尝试此代码，希望对您有所帮助。
$（函数（）{
var screenWidth=$（窗口）.width（）；
如果（屏幕宽度>=600）{
$（“#视频”）.play（）；
}
});

这将是检测用户设备的最佳方法，希望这对您有所帮助

---

这将是检测用户设备的最佳方法，希望这可以帮助您

取决于浏览器，大多数移动浏览器需要事件来触发此（“视频”）。setAttribute（'autoplay'，true）@JoshLin所以我确实需要一些js来停止在手机上玩？达努卡：同样的问题，有时有效，有时无效。与其使用

$（'#video'）.attr（'autoplay'，'autoplay'）

试试

$（'#video'）。attr（'autoplay'，'true'）

也有同样的问题。取决于浏览器，大多数移动浏览器需要一个事件来触发此（“video”）。setAttribute（'autoplay'，true）@JoshLin所以我确实需要一些js来停止在手机上玩？达努卡：同样的问题，有时有效，有时无效。而不是

$（'#video'）。attr（'autoplay'，'autoplay'）

试试

$（'#video'）。attr（'autoplay'，'true'）

也有同样的问题。

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
<script>
$(function() {
  var screenWidth = $(window).width();
  if (screenWidth >= 600) {
    $('#video').attr('autoplay', 'autoplay');
  }
});
</script>

Please try this code i hope help you.

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
<script>
$(function() {
  var screenWidth = $(window).width();
  if (screenWidth >= 600) {
    $('#video').play();
  }
});
</script>

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ) {
$('#video').attr('autoplay', 'autoplay');
}