作者:ppoujjh | 来源:互联网 | 2022-07-14 01:18
首先推上神器jPlayer: 基于HTML5Flash的音频、视频播放器jPlayer是一个JavaScript写的完全免费和开源 (MIT)的jQuery多媒体库插件(现在也是一个Zepto插件);jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页.jPlayer的丰富API可以让你创建一个个性化多媒体应用,因此也获得越来越多的社区成员的支持和
最近一段时间在使用PhoneGap开发一个App应用,App需要播放视频,本想直接使用html5的video,但使用它在全屏播放时不支持横屏播放,只能放弃。最终决定还是自己封装一个播放器算了,免得以后要扩展功能麻烦。
最近迷上hi这个单词,所以我给这个播放器取名叫做:hivideo。
hivideo是一款基于html5的视频播放器,摒弃video原有的播放控制条样式,自己重写了一次。支持暂停、播放进度控制、声音控制、全屏播放。如果是要在手机端使用hivideo,全屏播放时还支持横屏播放。
jPlayer : 基于HTML5/Flash的音频、视频播放器
jPlayer是一个Javascript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件);
jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页.
jPlayer的丰富API可以让你创建一个个性化多媒体应用,因此也获得越来越多的社区成员的支持和鼓励。
官网:www.jplayer.cn
英文:www.jplayer.org
1.准备
jquery.min.js、jquery.jplayer.min.js、jquery.jplayer.swf (官网下载)
还有一个音频文件
2.代码
Wav audio/wav各个浏览器的支持各有有所不同
以上就是HTML5视频播放的详细介绍的详细内容,更多请关注其它相关文章!
推荐阅读
-
Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ...
[详细]
蜡笔小新 2023-12-12 15:59:36
-
本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ...
[详细]
蜡笔小新 2023-12-10 12:35:46
-
-
Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ...
[详细]
蜡笔小新 2023-10-13 12:28:22
-
ImgettingabugwithInternetExplorer.Theiframedoesnthavecorrectsizeanditisdisplayedo ...
[详细]
蜡笔小新 2023-10-12 20:54:23
-
我试图制作一个进度条,如果还有更多内容仍被隐藏,则显示箭头。为了更清楚,我做 ...
[详细]
蜡笔小新 2023-10-12 19:31:36
-
<!DOCTYPEhtml><html><head><metacharsetutf-8><head&g ...
[详细]
蜡笔小新 2023-10-12 18:59:44
-
《HTML5移动web开发指南》,是UC公司著名前端开发师唐俊开(网名:三桥)的新书,介绍了jquerymo ...
[详细]
蜡笔小新 2023-09-25 14:14:25
-
我在一个phonegap应用程序中使用jquerymobile,我试图将一个变量从文本框传递到下一页,用变量进行xml遍历。我的页面有这个javascript发送变量,但我不知道如 ...
[详细]
蜡笔小新 2023-09-24 07:01:43
-
前言jQueryMobile入门经典毫无疑问,当前我们在获取、使用和分享网上的资源时,所采用的方式正在不断变得越来越移动化。每个月都会有数以千计的新智能 ...
[详细]
蜡笔小新 2023-09-23 10:37:09
-
DH-UAP是西安大华时代网络科技有限公司开发的新一代应用开发、运行、维护平台。该平台提供了技术统一、架构合理、性能高效、安全可靠的企业级信息系统基础框架和组件库,支 ...
[详细]
蜡笔小新 2023-09-18 22:16:09
-
IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ...
[详细]
蜡笔小新 2023-12-12 13:43:58
-
表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ...
[详细]
蜡笔小新 2023-10-15 18:44:55
-
Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ...
[详细]
蜡笔小新 2023-10-15 16:40:16
-
但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法:一:跳转到新页面,并且是在新窗口中打开时:复制代码代码如下:fu ...
[详细]
蜡笔小新 2023-10-13 12:25:13
-
JavaScript在常人看来都是门出不了厅堂的小语言,仅管它没有明星语言的闪耀,但至少网页的闪耀还是需要它的,同时它是一门很实用的语言,本人平时就喜欢拿它来写点实用工具或应用,本文演示用JavaSc ...
[详细]
蜡笔小新 2023-10-13 09:49:41
-