js点击视频播放以及封面背景图片
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>点击视频播放以及封面背景图片</title>
</head>
<style></style>
<body>
<video poster="http://cdn.suoluomei.com/public/hplgf/xxmz/static/image/nanchang.png" class="li_video" style="width: 500px; height: 350px;" controls="true"><!-- @click="bofang" :controls="test12"--><source src="http://1251731850.vod2.myqcloud.com/9afdab00vodgzp1251731850/2d959f6a7447398156354533152/3GGcdmx4t7QA.mp4" type="video/mp4">
</video>
</body>
<script>var videos = document.getElementsByTagName('video'); //点击另外一个视频当前会暂停for (var i = videos.length - 1; i >= 0; i--) {(function(){var p = i;videos[p].addEventListener('play',function(){pauseAll(p);})})()}
</script>
</html>
js点击视频播放以及封面背景图片相关推荐
- Html显示缩略图点击展示,JS点击缩略图整屏居中放大图片效果
需要实现的效果图: 今天开发的时候,遇到要点击缩略图之后居中显示图片的大图查看(大致效果如上图所示)~想了好几种实现方式,最开始的时候,是想通过animate来点击图片进行显示,可是后来当我想要让放大 ...
- 使用Python+xpath爬取知网所有中英文期刊的封面背景图片
使用Python+xpath+beautifulsoup爬取知网所有中英文期刊的封面背景图片` import json import requests from bs4 import Beautifu ...
- 如何免费下载获得echo音乐的封面背景图片图
echo是个很有个性的音乐平台,里面个性化的音乐确实不错,而且每首歌配的封面图也很好看,官方是有提供下载的方法,不过是要月会员,也就是只有月会员以上才能自由下载音乐的封面背景图. . 上图所示,ech ...
- 点击菜单更改菜单栏背景图片
//更改左侧菜单背景图片 document.getElementById("li2").style.backgroundImage="url('${pag ...
- js点击缩略图,整屏居中放大图片
需要实现的效果图: 今天开发的时候,遇到要点击缩略图之后居中显示图片的大图查看(大致效果如上图所示)~想了好几种实现方式,最开始的时候,是想通过animate来点击图片进行显示,可是后来当我想要让放大 ...
- js 点击往div里添加图片(实例)
<!DOCTYPE html> <html> <head><title></title> </head> <body> ...
- Android点击按键改变按键背景图片-选择器
如下,点击drawable,点击new,再点击drawable resource file 如下,名字为btn的选择器selector,我在项目中改成了btnselector2 然后在下面输入这些代码 ...
- android怎么长按一张图片保存到相册_好看的微信朋友圈背景图片下载 让你的朋友圈封面个性起来...
最近回老家了,由于风景比较好,发朋友圈的次数相比以前更多了一些,朋友之间的互动也明显多了一些.最近有朋友留言说,你的朋友圈封面挺个性的,也想要. 其实,之前为小伙伴们带来过好几期朋友圈封面背景图片,而 ...
- js的window.print()打印背景图片,打印背景图片无法显示
js的window.print()打印背景图片 题目描述 js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默 ...
最新文章
- HTML按钮中写事件,html 常用button事件
- Centos7上使用官方YUM源安装Mysql
- c# 带返回值的action_C#委托Action、ActionT、FuncT、PredicateT
- 分布式系统理论之租约机制学习
- 用博奥如何导入单项工程电子表_博奥工程系列软件实操手册(第六册).doc
- spring事务的传播属性
- Fiddler——自动响应器设置——URL重定向
- Microsoft Virtual Lab Use Guide
- 手把手教你做视频播放器(二)-获取视频信息
- abbyyfinereader文字识别软件编辑Pdf教程序列号教程
- java开发一年后学习计划
- 光耦重要参数与常用设计注意事项
- linux xia复制命令,Linux常用命令整理
- 【javaWeb】SonarQube的安装、配置与使用
- 【TouchDesigner学习笔记与资料】
- JS的onload事件
- 【杂谈】想成为机器学习学霸?先学会做笔记吧(Evernote,BoostNote,Leanote等)
- 【Cocos Creator实战教程(3)】——TiledMap(瓦片地图)组件
- 卷积神经网络Convolutional Neural Networks深度解析I
- 输出日期为2021年的第几天(switch...case)