私人领地

apk支持html video控制 ，是播放状态就暂停，暂停状态就播放

apk支持html video控制

<!DOCTYPE html> 
<html> 
<body> 

<div style="text-align:center;">
  <button onclick="playPause()">播放/暂停</button> 
  <button onclick="makeBig()">大</button>
  <button onclick="makeNormal()">中</button>
  <button onclick="makeSmall()">小</button>
  <br /> 
  <video id="video1" width="420" style="margin-top:15px; display: none">
   <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4" />
    <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg" />
     
    Your browser does not support HTML5 video.
  </video>
</div> 

<script type="text/javascript">
var myVideo=document.getElementById("video1");

function playPause(){ 
    if (myVideo.paused) {
  myVideo.play(); }
else {
  myVideo.pause(); }
} 
</script> 

</body> 
</html>

重点代码  如果是播放状态就暂停，如果是暂停状态就播放

function playPause(){ 
    if (myVideo.paused) {
  myVideo.play(); }
else {
  myVideo.pause(); }
}

 

posted @ 2015-07-23 14:55  狂奔的蜗牛Snails  阅读(435)  评论(0)  编辑  收藏  举报