关于html播放视频不自动播放问题以及500M MP4局域网播放却卡合理吗?

调用play不自动播放 查看控制台报错, 是因为必须静音muted
设置preload="none"则可以让视频不加载,然后通过代码加载
关于500M MP4的问题,我本地测试没问题,因此可以得出不是同事代码实现方式有问题 就是客户电脑非常卡顿 ,电脑有问题就是客户网络堵塞, 看了现象是播放的时候一卡一卡的一问才知道竟然放到数据库 不卡才怪。

<html>
<head>
<script>
// script.js
function loadVideo() {
    const video = document.getElementById('myVideo');
    const message = document.getElementById('loadingMessage');
    
    // 延迟5秒后开始加载视频
    setTimeout(() => {
        message.style.display = 'none'; 
         
    video.play();
      //  video.load(); 
    }, 5000); // 5000毫秒 = 5秒
}

window.onload = loadVideo;

</script>
<style>
#loadingMessage {
    font-size: 20px;
    color: #ff0000; /* 红色字体 */
    text-align: center;
}
</style>
</head>
<body>
    <video id="myVideo"  autoplay muted loop controls>
        <source src="a.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <p id="loadingMessage">视频正在加载,请耐心等待...</p>
   
</body>

</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容