html5 iphone自动播放,ios - HTML5 Video autoplay on iPhone - Stack Overflow

Here is the little hack to overcome all the struggles you have for video autoplay in a website:

Check video is playing or not.

Trigger video play on event like body click or touch.

Note: Some browsers don't let videos to autoplay unless the user interacts with the device.

So scripts to check whether video is playing is:

Object.defineProperty(HTMLMediaElement.prototype, 'playing', {

get: function () {

return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);

}});

And then you can simply autoplay the video by attaching event listeners to the body:

$('body').on('click touchstart', function () {

const videoElement = document.getElementById('home_video');

if (videoElement.playing) {

// video is already playing so do nothing

}

else {

// video is not playing

// so play video now

videoElement.play();

}

});

Note: autoplay attribute is very basic which needs to be added to the video tag already other than these scripts.

You can see the working example with code here at this link: