jQuery .play（）不适用于移动Safari

Question

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

Answer 1

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

  

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

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