jQuery视频弹窗插件可播放mp4,mov等格式

  • 引入jquer和pingzi_video.js
  • 创建按钮 并给按钮添加class="m-video" 然后就可以用一下两种模式了
    • 第一种用法
    • 第二种用法

引入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视频弹窗插件可播放mp4,mov等格式相关推荐

  1. jQuery模态弹窗插件(jquery-confirm)

    前言 今天为大家分享一款开源的非常轻量且精美的jQuery模态弹窗插件:jquery-confirm,它包含Bootstrap,Material等多种主题供选择. 如果你的前端项目中还在使用jQuer ...

  2. html播放mov格式视频,jQuery及video标签视频播放弹窗插件支持mp4,mov等格式详解(图文)...

    在做html5做播放视频时,如果是mp4,ogg,webm等视频格式,用h5自带的video标签就可以实现,但苹果的mov格式视频video标签是不支持的. h5实现mp4视频播放:video标签仅支 ...

  3. 网页视频播放php拉伸代码,网页在线播放mp4/flv等格式视频方法,CuPlayer(酷播)详细使用方法(附源代码)...

    最近有好几个项目都需要在网页上播放视频文件(自己上传的),视频格式包括mp4.flv等等.现在的网站都对用户体验有所要求,所以网站上都不是单一的一行行文字了,都会选择放上很多图片.视频等,这样整体看上 ...

  4. Google Chrome视频弹窗插件安装

    因为自己用的是google游览器,是没有视频弹窗功能,这对于想要对着视频敲代码的我来说似乎不太友善.于是再百度上找到了安装插件的方法. 1.首先下载插件链接:Separate-Window_v0.6. ...

  5. 使用ffmpeg将mp4格式视频元数据信息转到视频第一帧、转换mp4为ts格式视频

    最近在研究web一些播放器,videojs\ckplayer\jwplayer等各种页面播放器,发现在播放视频的时候,有些mp4格式的视频是不能够边缓存边播放的,在网上查阅了一些资料,发现是这些mp4 ...

  6. videoformat 视频格式处理——各种格式测试视频(.avi.wmv.mkv.mp4.mov.rm)

    六种格式的测试视频,包含.avi.wmv.mkv.mp4.mov.rm格式 文件:url80.ctfile.com/f/25127180-557022646-3e43e2 (访问密码:551685) ...

  7. mp4是什么格式?如何录制mp4格式的视频?

    案例:怎样录制mp4格式的视频? [我发现网上大部分视频都是mp4格式,我也想在电脑上录制mp4格式的视频.有没有小伙伴知道录制的方法?] 日常生活中,mp4格式已经成为了我们最常用的视频格式之一.它 ...

  8. 10个最好的 jQuery 视频插件(转)

    在这篇文章中已经收集了 10 个最佳的 jQuery 视频插件,帮助开发人员容易地实现网站播放影片功能.可以显示视频和视频播放列表. 1. Bigvideo.js BigVideo.js 是一个 jQ ...

  9. 服务器设置播放mp4文件,服务器设置播放mp4视频

    服务器设置播放mp4视频 内容精选 换一换 华为云面向企业市场推出音视频转码解决方案,可以根据用户业务需要,提供云端音视频转码服务,以满足用户业务在OTT.PC以及移动终端上播放的诉求 来自:解决方案 ...

  10. h5点播播放mp4视频遇到的坑,ios的h5不能播放视频等

    背景 h5的出现对多媒体在网页上的视频播放提供了支持,以前网页播放视频基本依赖于flash等插件.而h5的video标签实现了网页播放视频无插件化.因此,h5的出现给网页视频播放带来极大的便捷性,目前 ...

最新文章

  1. mysql修改时间精度_Mysql时间精度丢失问题
  2. 20145321 《Java程序设计》第7周学习总结
  3. MacOS运行多个实例
  4. 边缘检测robert原理_在操作机器视觉检测过程中,遇到检测精度的难题怎么办?_西旺科技...
  5. MBG配置详解及最佳实践
  6. 苹果股价爆涨10%:股票拆分,利好散户
  7. php中函数怎么调用参,php – 将参数传递给可调用函数
  8. Linux—RAID磁盘阵列与阵列卡
  9. zblog php的foot模板在那里,zblog主题模板修改教程 zblog模板怎么修改?
  10. C语言中char字符为0时的情况
  11. DNSPod-免费智能DNS解析服务商
  12. TechParty Mini+4 logging
  13. 【iOS-Cocos2d游戏开发之十】添加粒子系统特效并解决粒子特效与Layer之间的坐标问题;
  14. 常见的 @Transactional 注解,你确定用对了吗?
  15. 虚拟换衣 VITON 论文笔记
  16. NSGA 2 学习笔记 -- crowding distance
  17. 辽宁大学计算机测控技术专业排名,测控技术与仪器专业大学排名
  18. 专业课学习——建立 SCT 数据库
  19. Oracle数据库——限定查询,范围查询,NULL判断-02
  20. 尚硅谷2022 javaweb网上书城

热门文章

  1. 在自平衡中角动量守恒的原理分析
  2. jxls遍历list时使用模板的批注语法
  3. 银行业保险业数字化转型指导意见下发,IT 基础架构团队如何应对挑战?
  4. STM32CubeMX学习笔记(26)——SDIO接口使用(读写SD卡)
  5. ArcGIS矢量数据的处理
  6. 一种小封装485芯片
  7. MAX232(MAX3232)电平转换芯片的工作原理
  8. 牛客最近来了一个新员工Fish,每天早晨总是会拿着一本英文杂志,写些句子在本子上。同事Cat对Fish写的内容颇感兴趣,有一天他向Fish借来翻看,但却读不懂它的意思。
  9. ESP8266WiFi模块资料整理
  10. teststand调用python模块_TestStand 界面重置【小技巧】