插件描述：样式已经写好，使用方法也简单。
使用方法
首先引入js
<script src="jquery-3.3.1.min.js" type="text/javascriptt" charset="utf-8"></script> <script src="pingzi_video.js" type="text/javascriptt" charset="utf-8"></script>
然后创建dom 添加 class="m-video" 和 data-src="放入视频地址" 。 点击dom就会打开视频了
<div class="m-video" data-src="jq22-sp.mp4" > 视频 </div>
PREVIOUS:
NEXT:
相关插件-音频和视频
js音频可视化插件Wavesurfer.js
Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化，使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
音频和视频
讨论这个项目（168）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Rose、 0
2020/9/27 20:15:53
-
这个插件不支持外部超链接视频吗？
西瓜0
2020/9/27 22:02:02
-
视频一般没有跨域问题，像这样的问题自己试一试不就行了。
空丶白0
2021/3/10 15:29:06
-
试过了，可以直接调用外部视频链接
ronin0
2021/6/30 16:10:23
-
可以的啊
国平汪 0
2020/4/24 15:40:52
-
这个不完美呀，遇到2个问题，不知如何解决
1， safari 打开一直在加载，也就是看不了，测试了iphone手机以及ipad，都是这样。
2，点击视频关闭按钮，黑阴影层和视频关闭了，但是同时触发了页面的视频播放。
笑是一种态度1
2020/4/30 18:01:32
-
关闭的把touchstart删掉就行了
lisa 0
2019/10/23 14:42:21
-
放入本地视频后点击快进就会从头开始重新播，是不能放本地视频吗
瓶子0
2019/10/23 17:16:31
-
好像和环境有关系 ，放到服务器就不会了
lisa0
2019/10/25 9:55:42
-
谢谢
池小洋丶 0
2019/8/6 15:09:00
-
safari 有效果么 我的一直在加载中
瓶子0
2019/8/6 15:59:24
-
你用safari 访问这个页面的效果对比看看，我没试过pc端的safari
VISSONIC议朗_燕辉0
2021/7/28 9:37:58
-
Safari测试正常，这种还是遵循H5的，所以不受Flash影响，很赞
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
