导语:
修改发表于2020年09月29号 11点 阅读 3792 评论2 点赞4 ©著作权归作者所有
<video id="video" width="100%" src="视频地址.mp4" style="margin: h.264" controls></video>
<!-- end播放器代码 -->
<!-- 自动播放器代码 -->
<video src="视频地址.mp4" width="650" height="450" controls="" autoplay=""></video>
<!-- end自动播放器代码 -->
自动循环播放 1
<video controls="controls" loop="loop" autoplay="autoplay" width="100%" height="500">
<source src="movie.ogg" type="video/ogg">
<source src="视频地址" type="video/mp4">
your browser does not support the video tag.
</video>
loop="loop":循环播放
autoplay="autoplay":自动播放
自动循环播放 2
<video id="videoID" controls="controls" style="width:100%">
<source src="视频地址" type="video/mp4"/>
</video>
<br/>
<button id="con" onclick="btn()">开始/暂停 </button>
</body>
<script type="text/javascript">
window.onload = function() {
var local1=document.getElementById('videoID'); //获取,函数执行完成后local内存释放
local1.autoplay = true; // 自动播放
local1.loop = true; // 循环播放
local1.muted=true; // 关闭声音,如果为false,视频无法自动播放
if(local1.paused){ //判断是否处于暂停状态
local1.play(); //开启播放
}else{
local1.pause(); //停止播放
}
}
function btn(){
var local=document.getElementById('videoID'); //获取,函数执行完成后local内存释放
if(local.paused){ //判断是否处于暂停状态
local.play(); //开启播放
}else{
local.pause(); //停止播放
}
}
</script>
</html>
请选择你想添加的收藏夹