[英]Why does my page only show black screen of background on mobile instead of mp4 video background?
我试图设置mp4视频背景,使其在桌面上可以正常工作,但不能在移动设备上正常工作,因为它显示海报图像,而在海报图像之后仅显示黑色背景。 这是视频标签:
<div id="evercam-video-section" class="evercam-video-section">
<video class="cover-image" autobuffer autoplay loop preload id="loop-video">
<source src="https://evercam.io/img/404.webm" type="video/webm">
<source src="https://evercam.io/img/404.ogv" type="video/ogg">
<source src="https://evercam.io/img/404.mp4" type="video/mp4">
</video>
</div>
这是JavaScript代码:
var fade_in_videos = document.querySelectorAll('#loop-video');
for( i=0; i<fade_in_videos.length; i++ ) {
fade_in_videos[i].addEventListener("playing", function(){
this.className += ' is-playing';
});
}
许多(大多数)移动设备不支持视频自动播放,以避免用户通过蜂窝连接进行连接时产生高昂的数据成本。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.