账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式

jQuery点击弹出视频播放器代码

一款简单的jQuery点击弹出视频播放器代码,点击弹窗方式打开mp4视频播放插件,还支持画中画效果哦。

92 0 0 0
升级VIP尊享更多会员特权
源码属性
    • 源码编号YM90
    • 源码语言
    • 数据库
    • 适用行业视频播放jquery特效其他代码网站常用名站特效
    • 下载价格10积分
    • VIP下载免费下载
    • 发布者axdmin
    • 更新时间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 )

axdminID:1

关注 私信

他共发布:289个素材去看看

上传时间:2021-09-13

素材作者:未知

素材类型:视频播放jquery特效其他代码网站常用名站特效

适用程序:

版权申明:本站素材来网络和用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服 QQ:120507403 给予处理。

积分不够用?点这里充值
猜你喜欢 没有想要的 快去搜一下