我注意到Safari 11浏览器视频不再自动播放。下面是我的代码,它在Chrome浏览器中工作,因为必须静音。它只显示海报图片。需要帮助。
<video width="100%" poster="poster_url.png" autoplay muted playsinline>
<source src="video_url.mp4" type="video/mp4">
</video>
我注意到Safari 11浏览器视频不再自动播放。下面是我的代码,它在Chrome浏览器中工作,因为必须静音。它只显示海报图片。需要帮助。
<video width="100%" poster="poster_url.png" autoplay muted playsinline>
<source src="video_url.mp4" type="video/mp4">
</video>
<video width="100%" poster="poster_url.png" autoplay muted playsinline>
<source src="http://download.blender.org/peach/trailer/trailer_480p.mov" type="video/mp4">
</video>
规则经常发生变化,并且用户或组织也可以设置自己的偏好,因此 Safari 团队建议您始终在代码中检查视频是否能够自动播放:
规则经常发生变化,并且用户或组织也可以设置自己的偏好,因此 Safari 团队建议您始终在代码中检查视频是否能够自动播放:
var promise = document.querySelector('video').play();
if (promise !== undefined) {
promise.catch(error => {
// Auto-play was prevented
// Show a UI element to let the user manually start playback
}).then(() => {
// Auto-play started
});
}
目前为止的更多细节: