文章详情

<!-- 播放器代码 -->

<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)