作者:红星闪闪爱哭的鱼 | 来源:互联网 | 2020-08-10 21:59
首先推上神器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视频播放的详细介绍的详细内容,更多请关注 第一PHP社区 其它相关文章!
推荐阅读
-
ImgettingabugwithInternetExplorer.Theiframedoesnthavecorrectsizeanditisdisplayedo ...
[详细]
蜡笔小新 2023-10-12 20:54:23
-
本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ...
[详细]
蜡笔小新 2023-12-11 10:07:32
-
-
本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ...
[详细]
蜡笔小新 2023-12-10 12:35:46
-
本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ...
[详细]
蜡笔小新 2023-12-09 17:40:33
-
web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ...
[详细]
蜡笔小新 2023-10-17 20:40:03
-
前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ...
[详细]
蜡笔小新 2023-10-17 17:47:27
-
Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ...
[详细]
蜡笔小新 2023-10-13 12:28:22
-
我试图制作一个进度条,如果还有更多内容仍被隐藏,则显示箭头。为了更清楚,我做 ...
[详细]
蜡笔小新 2023-10-12 19:31:36
-
<!DOCTYPEhtml><html><head><metacharsetutf-8><head&g ...
[详细]
蜡笔小新 2023-10-12 18:59:44
-
MyModernMetropolis,这个是我很喜欢的一个网站,细心的朋友会发现DDDesign有一部分文章是来自这里,如果你寻找创意灵感,这个也许是个很好的开始。2.FFFFou ...
[详细]
蜡笔小新 2023-10-10 16:41:31
-
一、PhoneGap是什么1、PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发框架。2、它使开发者能够利用iPhone,A ...
[详细]
蜡笔小新 2023-10-10 10:04:32
-
《HTML5移动web开发指南》,是UC公司著名前端开发师唐俊开(网名:三桥)的新书,介绍了jquerymo ...
[详细]
蜡笔小新 2023-09-25 14:14:25
-
前后端分离,我怎么就选择了 Spring Boot + Vue 技术栈? ...
[详细]
蜡笔小新 2023-09-24 10:32:03
-
我在一个phonegap应用程序中使用jquerymobile,我试图将一个变量从文本框传递到下一页,用变量进行xml遍历。我的页面有这个javascript发送变量,但我不知道如 ...
[详细]
蜡笔小新 2023-09-24 07:01:43
-
前言jQueryMobile入门经典毫无疑问,当前我们在获取、使用和分享网上的资源时,所采用的方式正在不断变得越来越移动化。每个月都会有数以千计的新智能 ...
[详细]
蜡笔小新 2023-09-23 10:37:09
-