调用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

















暂无评论内容