关于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>

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容