视屏暂停的时候添加广告
2016-05-24 19:28
211 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
div{
width: 1000px;
height: 500px;
position: relative;
}
p{
width: 100px;
height: 100px;
background: red;
position: absolute;
top:50%;
left:50%;
display: none;
}
video{
position: absolute;
top:0;
left:0;
}
</style>
<script type="text/javascript">
<span style="font-size:18px;"> <strong> window.onload= function(){
var video = document.getElementsByTagName("video")[0];
var p = document.getElementsByTagName("p")[0];
video.onpause = function(){
p.style.display = "block"
}
video.onplay = function(){
p.style.display = "none"
}
}</strong></span>
</script>
</head>
<body>
<div>
<<strong>video</strong> src="video/movie.mp4" <strong>autoplay</strong> controls width="1000" height="500"></video>
<<strong>p</strong>>我是广告</p>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
div{
width: 1000px;
height: 500px;
position: relative;
}
p{
width: 100px;
height: 100px;
background: red;
position: absolute;
top:50%;
left:50%;
display: none;
}
video{
position: absolute;
top:0;
left:0;
}
</style>
<script type="text/javascript">
<span style="font-size:18px;"> <strong> window.onload= function(){
var video = document.getElementsByTagName("video")[0];
var p = document.getElementsByTagName("p")[0];
video.onpause = function(){
p.style.display = "block"
}
video.onplay = function(){
p.style.display = "none"
}
}</strong></span>
</script>
</head>
<body>
<div>
<<strong>video</strong> src="video/movie.mp4" <strong>autoplay</strong> controls width="1000" height="500"></video>
<<strong>p</strong>>我是广告</p>
</div>
</body>
</html>
相关文章推荐
- 【cocos2d-x 手游研发小技巧 循环无限滚动的登陆背景】
- Activity中 findViewById 获取控件对象正确的代码位置
- 2016"百度之星" - 初赛(Astar Round2A)Sitting in Line
- Shell操作
- django 2
- 浅析双绞线中五类线每根线的功能
- Android Fragment 深入理解
- C++ STL算法系列--copy函数
- S number(2016黑龙江省赛J题)
- HDU 4685 强联通分量+网络流
- 修改 Ubuntu 源(清华大学)
- Linux网络设置
- 【问题】sql数据库安装重启失败
- HDU Common Subsequence(最长公共子序列)
- Linux和其他机器共享文件
- Linux系统启动顺序
- DFS、BFS搜索+题目
- C++迭代器
- 中缀表达式借用栈转换为后缀表达式
- java之十一 Java GUI