jQuery .play() 在移动 Safari 上不起作用答案

【问题标题】：jQuery .play() doesn't work on mobile SafarijQuery .play() 在移动 Safari 上不起作用
【发布时间】：2016-04-20 09:15:31
【问题描述】：

我正在使用 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 等）。

【问题讨论】：

标签： javascript jquery ios mobile-safari

【解决方案1】：

That does not work because autoplay (and preloading) is disabled in safari on iOS.

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

这意味着您将始终需要“用户交互”来开始视频播放。

【讨论】：