当前位置: 首页 > news >正文

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

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

转载于:https://www.cnblogs.com/guangzhou11/p/7470068.html

相关文章:

  • 树与二叉树(数据结构)
  • DB2 alter表字段
  • 各种方法配置 Visual Studio 第三方库
  • BZOJ2303: [Apio2011]方格染色
  • WINFORM TableLayout控件双缓冲防止闪烁
  • Session详解
  • javaAPI1
  • 77 最长公共子序列 (lintcode)
  • struts spring hibernate 三大框架实现基本的增删改查技术
  • 写代码的一些常识
  • warning: assignment from incompatible pointer type [enabled by default]
  • 剑指offer 数字在排序数组中出现的次数
  • 打造vim IDE
  • linux挂载远程windows服务器上的ISO,给内网的服务器安装软件
  • 开源的API集成测试工具 v0.1.2 - 增强体验
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • 《Java编程思想》读书笔记-对象导论
  • avalon2.2的VM生成过程
  • iOS筛选菜单、分段选择器、导航栏、悬浮窗、转场动画、启动视频等源码
  • MQ框架的比较
  • Mysql5.6主从复制
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • React as a UI Runtime(五、列表)
  • Redis在Web项目中的应用与实践
  • Vue2 SSR 的优化之旅
  • WebSocket使用
  • WePY 在小程序性能调优上做出的探究
  • 学习HTTP相关知识笔记
  • 用mpvue开发微信小程序
  • 用简单代码看卷积组块发展
  • 自定义函数
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • $forceUpdate()函数
  • (Mac上)使用Python进行matplotlib 画图时,中文显示不出来
  • (PHP)设置修改 Apache 文件根目录 (Document Root)(转帖)
  • (PWM呼吸灯)合泰开发板HT66F2390-----点灯大师
  • (八)c52学习之旅-中断实验
  • (免费领源码)Python#MySQL图书馆管理系统071718-计算机毕业设计项目选题推荐
  • .NET MVC 验证码
  • .Net MVC4 上传大文件,并保存表单
  • .Net Remoting常用部署结构
  • .NetCore部署微服务(二)
  • .net操作Excel出错解决
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • @SentinelResource详解
  • [ Linux 长征路第二篇] 基本指令head,tail,date,cal,find,grep,zip,tar,bc,unname
  • [ vulhub漏洞复现篇 ] AppWeb认证绕过漏洞(CVE-2018-8715)
  • [Angular] 笔记 16:模板驱动表单 - 选择框与选项
  • [CISCN2019 华北赛区 Day1 Web5]CyberPunk --不会编程的崽
  • [DAX] MAX函数 | MAXX函数
  • [LeetCode]-Pascal's Triangle III 杨辉三角问题
  • [Node + Docker] 聊聊怎么把 nodeclub 构建成 Docker 镜像
  • [P4V]Perforce(P4V)使用教程
  • [PyTorch][chapter 8][李宏毅深度学习][Back propagation]
  • [RK-Linux] Linux A/B System详解