jQuery视频弹窗插件可播放mp4,mov等格式
引入jquer和pingzi_video.js
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="http://www.jq22.com/demo/video201803280129/pingzi_video.js" type="text/javascript" charset="utf-8"></script>
创建按钮 并给按钮添加class=“m-video” 然后就可以用一下两种模式了
第一种用法
在元素上添加data-src属性 将视频地址放入其中
<div class="m-video" data-src="jq22-sp.mp4">点我播放视频</div>
第二种用法
在元素上添加data-src属性 放入视频地址,data-menu属性放入文件名 不加 扩展名
<div class="m-video" data-src="shipin/" data-menu="480 720 1080">video </div>
参考网址:http://www.jq22.com/demo/video201803280129/

本文介绍了一个jQuery视频弹窗插件的使用方法,包括如何引入jQuery和插件脚本,创建按钮并设置class,以及两种视频播放的实现方式。通过在元素上添加data-src属性存放视频地址,即可轻松实现mp4、mov等格式视频的弹窗播放。

被折叠的 条评论
为什么被折叠?



