视频 - html5 video的autoplay 在智能手機上不運作？

问题描述

问 题

想問問html5 video的autoplay 在智能手機上不運作的問題
ios和android
都不會自動播放 都會有個播放按鈕...
請問是否有解決方式？

我看這個站點
https://www.spectacles.com/
他手機版是可以直接撥出影片的....
相同套用到我的站點剛開始是可以自動播出（神奇）但是之後就又不行了....

---

<video id="video1" src="video1.mp4" autoplay preload="auto" loop muted playsinline></video>

var video = $('#video1');
makeVideoPlayableInline(video);
video.addEventListener('touchstart', function () {
    video.play();
});

這樣嗎？
但還是沒法運作 詭異

---

哈哈還是不行，這是全球性問題嗎？

解决方案

谢邀，没有。

出于浏览器的安全策略，比如禁止突然的声音或者盗刷流量等问题，移动端禁用了autoplay，必须要在在用户手动点击、touch等事件后面play才有用，js模拟点击都不行。

好像最新的ios10可以允许预加载了，不知道以后会不会允许autoplay。

---

我亲自试了一下，它是在我滑动了一下页面，才开始呼出视频弹窗，并播放的，你加载完了不动它试试它还出来。
这就是我说的要先手动触发一下。。。
先有一个video标签，监听document上的touchstart，然后立即调用video的play

这篇关于视频 - html5 video的autoplay 在智能手機上不運作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！