阿 吉(红过眼眶) 的个人主页 注册

【原创】庆国庆模板+网页MP4播放器代码

导语:

修改
字体调整: | |

发表于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>


...........................................................................................................................

(注:您的设备不支持flash)

声明:以上内容仅用户个人行为,不代表本站(老小孩社区)观点,如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】
点赞4 收藏 0 推送到圈子 分享
微信扫二维码分享

等4人点赞

本文作者

阿 吉(红过眼眶)

低调做人,高调做事http://www.360doc.com/myindex.aspx

加好友
评论字体大小调节: | |

精选留言

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

©2017 老小孩网站版权所有 | 沪ICP备08012383号    举报电话:021-64323922
×
×