码迷,mamicode.com
首页 > Web开发 > 详细

html5中play 方法和pause方法在video的应用

时间:2017-09-03 17:54:14      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:span   images   script   onload   size   pre   function   idt   get   

play();播放

pause();暂停

代码实例:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频播放</title>
</head>
<body>
<script>
      window.onload =function(){
          var ov=document.getElementById("a1");
          ov.onmouseover=function() {
               this.play();
          }
          ov.onmouseout =function() {
                this.pause();
          }

      };

</script>

<video   id="a1"  src="陈奕迅 - 陪你度过漫长岁月.mp4"  controls   loop     width="400"  height="400">你的浏览器不支持</video>
</body>
</html>

 

效果:

技术分享

 

 2017-09-03  17:15:24

html5中play 方法和pause方法在video的应用

标签:span   images   script   onload   size   pre   function   idt   get   

原文地址:http://www.cnblogs.com/guangzhou11/p/7470068.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!