源码属性
- 源码编号YM90
- 源码语言
- 数据库
- 适用行业视频播放 、jquery特效 、其他代码 、网站常用 、名站特效
- 下载价格10积分
- VIP下载免费下载
- 发布者冰蓝无敌
- 更新时间2021-09-13
源码介绍
一款简单的jQuery点击弹出视频播放器代码，点击弹窗方式打开mp4视频播放插件，还支持画中画效果哦。
js代码
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$('.videolist').each(function(){ //遍历视频列表
$(this).hover(function(){ //鼠标移上来后显示播放按钮
$(this).find('.videoed').show();
},function(){
$(this).find('.videoed').hide();
});
$(this).click(function(){ //这个视频被点击后执行
var img = $(this).attr('vpath');//获取视频预览图
var video = $(this).attr('ipath');//获取视频路径
$('.videos').html("<video id=\"video\" poster='"+img+"' style='width: 640px' src='"+video+"' preload=\"auto\" controls=\"controls\" autoplay=\"autoplay\"></video><img onClick=\"close1()\" class=\"vclose\" src=\"img/gb.png\" width=\"25\" height=\"25\">");
$('.videos').show();
});
});
function close1(){
var v = document.getElementById('video');//获取视频节点
$('.videos').hide();//点击关闭按钮关闭暂停视频
v.pause();
$('.videos').html();
}
</script>转载请注明出处：https://www.wanxiangsucai.com/resources/show-90.html
全部评论( 0 )
上传时间：2021-09-13
素材作者：未知
素材类型：视频播放 、jquery特效 、其他代码 、网站常用 、名站特效
适用程序：
版权申明：本站素材来网络和用户分享，仅限学习交流请勿用于商业用途。如损害你的权益请联系客服 QQ：120507403 给予处理。
积分不够用？点这里充值
-
122 0 0 2021-12-02 15:10
-
145 0 0 2021-12-02 15:07
-
149 0 0 2021-12-02 15:04
-
133 0 0 2021-12-02 15:00
-
124 1 0 2021-12-02 14:56
-
314 0 0 2021-09-13 17:02
-
319 0 0 2021-09-13 16:55
-
174 0 0 2021-09-13 16:51
Copyright © 2006-2022 wanxiangsucai.com All Rights Reserved. 由腾讯云/万象云/冰蓝世界/等提供技术支持. 沪ICP备2021023961号-1