关于html播放视频不自动播放问题以及500M MP4局域网播放
2024-12-02 本文已影响0人
吉凶以情迁
调用play不自动播放 查看控制台报错， 是因为必须静音muted，
设置preload="none"则可以让视频不加载，然后通过代码加载
关于500M MP4的问题，我本地测试没问题，因此可以得出不是同事代码实现方式有问题 就是客户电脑非常卡顿 ，电脑有问题就是客户vpn网络堵塞， 看了现象是播放的时候一卡一卡的一问才知道竟然放到数据库 不卡才怪。
<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>
