简书链接:关于html播放视频不自动播放问题以及500MMP4局域网播放却卡合理吗？
文章字数：270,阅读全文大约需要1分钟
调用play不自动播放 查看控制台报错， 是因为必须静音muted ，
设置preload="none"则可以让视频不加载，然后通过代码加载
关于500M MP4的问题，我本地测试没问题，因此可以得出不是同事代码实现方式有问题 就是客户电脑非常卡顿 ，电脑有问题就是客户vpn网络堵塞， 看了现象是播放的时候一卡一卡的一问才知道竟然放到数据库 不卡才怪。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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>