jQuery .play()在移动Safari上不起作用 [英] jQuery .play() doesn't work on mobile Safari

问题描述

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

I'm using JQuery and I tried this code

<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等)上正常运行.

but on Iphone (Safari, iOS 9.3.1) and Ipad (Safari, 8.1.2) it doesn't work. It works fine on all other browsers/devices (Chrome, Firefox, android, etc.).

推荐答案

在iOS上的Safari(适用于所有设备，包括iPad)上，其中用户可能位于蜂窝网络上，并按数据单元收费，因此预加载和自动播放已禁用.

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

That means that you will always need "User Interaction" to start video playback.

这篇关于jQuery .play()在移动Safari上不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！