jquery html5 视频播放控制代码
网络编程 2021-07-04 19:19www.168986.cn编程入门
这篇文章主要介绍了jquery html5 视频播放控制代码,需要的朋友可以参考下
jQuery HTML5 视频播放控制核心代码:
<video class="pause" controls poster="images/vedio.jpg" width="663" height="373"> <source src="video/Defone3.8_1.mp4" type="video/mp4"> 您的浏览器不支持html5! </video> <script type="text/javascript"> $('video').click(function() { if ($(this).hasClass('pause') ) { $("video").trigger("play"); $(this).removeClass('pause'); $(this).addClass('play'); } else { $("video").trigger("pause"); $(this).removeClass('play'); $(this).addClass('pause'); } }); </script>
如果想正式用户播放环境,建议大家使用jplayer之类的工具
<script type="text/javascript" src="../../lib/jquery.min.js"></script> <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function (event) { $(this).jPlayer("setMedia", { title: "Bubble", m4a: "http://jplayer./audio/m4a/Miaow-07-Bubble.m4a", oga: "http://jplayer./audio/ogg/Miaow-07-Bubble.ogg" }); }, swfPath: "../../dist/jplayer", supplied: "m4a, oga", wmode: "window", useStateClassSkin: true, autoBlur: false, smoothPlayBar: true, keyEnabled: true, remainingDuration: true, toggleDuration: true }); }); //]]> </script>
下载地址:
jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页. jPlayer的丰富API可以让你创建一个个性化多媒体应用,因此也获得越来越多的社区成员的支持和鼓励。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程