jQuery视频弹窗插件可播放mp4,mov等格式
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等格式相关推荐
- jQuery模态弹窗插件(jquery-confirm)
前言 今天为大家分享一款开源的非常轻量且精美的jQuery模态弹窗插件:jquery-confirm,它包含Bootstrap,Material等多种主题供选择. 如果你的前端项目中还在使用jQuer ...
- html播放mov格式视频,jQuery及video标签视频播放弹窗插件支持mp4,mov等格式详解(图文)...
在做html5做播放视频时,如果是mp4,ogg,webm等视频格式,用h5自带的video标签就可以实现,但苹果的mov格式视频video标签是不支持的. h5实现mp4视频播放:video标签仅支 ...
- 网页视频播放php拉伸代码,网页在线播放mp4/flv等格式视频方法,CuPlayer(酷播)详细使用方法(附源代码)...
最近有好几个项目都需要在网页上播放视频文件(自己上传的),视频格式包括mp4.flv等等.现在的网站都对用户体验有所要求,所以网站上都不是单一的一行行文字了,都会选择放上很多图片.视频等,这样整体看上 ...
- Google Chrome视频弹窗插件安装
因为自己用的是google游览器,是没有视频弹窗功能,这对于想要对着视频敲代码的我来说似乎不太友善.于是再百度上找到了安装插件的方法. 1.首先下载插件链接:Separate-Window_v0.6. ...
- 使用ffmpeg将mp4格式视频元数据信息转到视频第一帧、转换mp4为ts格式视频
最近在研究web一些播放器,videojs\ckplayer\jwplayer等各种页面播放器,发现在播放视频的时候,有些mp4格式的视频是不能够边缓存边播放的,在网上查阅了一些资料,发现是这些mp4 ...
- videoformat 视频格式处理——各种格式测试视频(.avi.wmv.mkv.mp4.mov.rm)
六种格式的测试视频,包含.avi.wmv.mkv.mp4.mov.rm格式 文件:url80.ctfile.com/f/25127180-557022646-3e43e2 (访问密码:551685) ...
- mp4是什么格式?如何录制mp4格式的视频?
案例:怎样录制mp4格式的视频? [我发现网上大部分视频都是mp4格式,我也想在电脑上录制mp4格式的视频.有没有小伙伴知道录制的方法?] 日常生活中,mp4格式已经成为了我们最常用的视频格式之一.它 ...
- 10个最好的 jQuery 视频插件(转)
在这篇文章中已经收集了 10 个最佳的 jQuery 视频插件,帮助开发人员容易地实现网站播放影片功能.可以显示视频和视频播放列表. 1. Bigvideo.js BigVideo.js 是一个 jQ ...
- 服务器设置播放mp4文件,服务器设置播放mp4视频
服务器设置播放mp4视频 内容精选 换一换 华为云面向企业市场推出音视频转码解决方案,可以根据用户业务需要,提供云端音视频转码服务,以满足用户业务在OTT.PC以及移动终端上播放的诉求 来自:解决方案 ...
- h5点播播放mp4视频遇到的坑,ios的h5不能播放视频等
背景 h5的出现对多媒体在网页上的视频播放提供了支持,以前网页播放视频基本依赖于flash等插件.而h5的video标签实现了网页播放视频无插件化.因此,h5的出现给网页视频播放带来极大的便捷性,目前 ...
最新文章
- mysql修改时间精度_Mysql时间精度丢失问题
- 20145321 《Java程序设计》第7周学习总结
- MacOS运行多个实例
- 边缘检测robert原理_在操作机器视觉检测过程中,遇到检测精度的难题怎么办?_西旺科技...
- MBG配置详解及最佳实践
- 苹果股价爆涨10%:股票拆分,利好散户
- php中函数怎么调用参,php – 将参数传递给可调用函数
- Linux—RAID磁盘阵列与阵列卡
- zblog php的foot模板在那里,zblog主题模板修改教程 zblog模板怎么修改?
- C语言中char字符为0时的情况
- DNSPod-免费智能DNS解析服务商
- TechParty Mini+4 logging
- 【iOS-Cocos2d游戏开发之十】添加粒子系统特效并解决粒子特效与Layer之间的坐标问题;
- 常见的 @Transactional 注解,你确定用对了吗?
- 虚拟换衣 VITON 论文笔记
- NSGA 2 学习笔记 -- crowding distance
- 辽宁大学计算机测控技术专业排名,测控技术与仪器专业大学排名
- 专业课学习——建立 SCT 数据库
- Oracle数据库——限定查询,范围查询,NULL判断-02
- 尚硅谷2022 javaweb网上书城
热门文章
- 在自平衡中角动量守恒的原理分析
- jxls遍历list时使用模板的批注语法
- 银行业保险业数字化转型指导意见下发,IT 基础架构团队如何应对挑战?
- STM32CubeMX学习笔记(26)——SDIO接口使用(读写SD卡)
- ArcGIS矢量数据的处理
- 一种小封装485芯片
- MAX232(MAX3232)电平转换芯片的工作原理
- 牛客最近来了一个新员工Fish,每天早晨总是会拿着一本英文杂志,写些句子在本子上。同事Cat对Fish写的内容颇感兴趣,有一天他向Fish借来翻看,但却读不懂它的意思。
- ESP8266WiFi模块资料整理
- teststand调用python模块_TestStand 界面重置【小技巧】