jQuery .play(） 在移动 Safari 上不起作用

jQuery .play() doesn't work on mobile Safari

本文关键字：Safari 不起作用 移动 play jQuery      更新时间：2023-09-26

我正在使用JQuery，我尝试了这段代码

<video id="videoPopUp1" poster="img/xxx.png">
       <source src="video/xxx.mp4" type="video/mp4">
</video>
$('#playBtn1').click(function () {
    $("#playBtn1").hide();
    $('#videoPopUp1').get(0).play();
});
$('#videoPopUp1').click(function () {
    if (this.paused == false) {
       this.pause();
       $('#playBtn1').show()
  } else {
       this.play();
       $('#playBtn1').hide()
    }
});

但在Iphone（Safari，iOS 9.3.1）和Ipad（Safari，8.1.2）上它不起作用。它在所有其他浏览器/设备（Chrome，Firefox，Android等）上都可以正常工作。

这不起作用，因为在 iOS 上的 safari 中禁用了自动播放（和预加载）。

在 iOS 上的 Safari（适用于所有设备，包括 iPad）中，如果用户可能位于蜂窝移动网络上并按数据单元收费，则预加载和自动播放处于禁用状态。

这意味着您将始终需要"用户交互"才能开始视频播放。

相关文章：