最好的 6 个 HTML5 的多媒体播放器

  是 HTML5 中新引入的标签,用来在 Web 网页中嵌入视频播放功能,无需 Flash 和其他嵌入式插件的支持,是浏览器内建的功能,不过  旨在一些高级浏览器中支持,例如 Firefox, Safari, Chrome, and Opera. IE 暂时还不支持。

本文介绍 5 款使用 HTML5 技术的 Web 在线多媒体播放器:

1. HTML5 Video & Js Library

Kaltura 是一款基于 Flash 技术的在线视频编辑工具。除了具备同类工具的应用特性之外,最主要的,还是能支持多人协作编辑,这一点特性可能今后将会被更多的在线视频编辑工具所使用。 此外,Kaltura 上处理的视频媒体可以通过网页内嵌代码输出到 Blog 或者个人网页上。

Kaltamura Player

2. Open Standard Media (OSM ) Player

查看详情>>

3. HTML5 Media

HTML5 Media Player

4. JW Player for HTML5

最受欢迎的 JW 播放器现在已经提供了 HTML5 版本了,基于  标签。

JW Player

5.LeanBack Player : With Subtitle Support

LeanBack Player是一个开源的HTML5视频播放器,没有依赖任何JavaScript框架。支持全屏播放,音量控制,在同一个页面中播放多个视频。 LeanBack Player兼容大部分常用浏览器,当浏览器不支持HTML5时将自动切换成Flash版本的播放器。

Lean Back Player

6. Flare Video

Flare video 是一个开源的 HTML5 视频播放器,会自动判断浏览器是否支持 HTML5 ,如果不支持则使用 Flash 技术播放。Flare video 可通过 CSS/HTML/JS 进行功能和界面的定制,支持全屏播放。

详细说明:http://html5.662p.com/thread-8-1-1.html

时间: 2024-10-06 05:52:48

最好的 6 个 HTML5 的多媒体播放器的相关文章

sewise发布最新HTML5开源播放器框架

sewise的HTML5播放框架实现的播放器是一款免费.开源的多媒体播放器,以HTML5技术为平台开发,同时兼容Flash技术,无缝实现了跨平台的任意视频播放. 跨平台播放,兼容HTML5播放器 支持跨终端播放,不仅适用PC端播放,也适配ipad.iphone.android手机.平板电脑等移动终端. 支持多系统多平台,PC端支持Window.MacOS.Linux 等,移动端支持Android.IOS.Window Phone等. 兼容HTML5,确保98%的互联网用户可以看到您的视频. 支持

通过VLC的ActiveX进行二次开发,实现一个多媒体播放器 2011-04-10 00:57:23

http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=25498312&id=218294 通过VLC的ActiveX进行二次开发,实现一个多媒体播放器 2011-04-10 00:57:23 分类: 系统运维 首先要注册VLC的ActiveX控件. 拷贝vlc-0.8.6e\activex目录下面的axvlc.dll文件到c:\windows目录下面,然后运行命令提示符cmd.在命令提示符中输入如下命令注册该控件 REGSVR32

4个小时实现一个HTML5音乐播放器

技术点:ES6+Webpack+HTML5 Audio+Sass 这里,我们将一步步的学到如何从零去实现一个H5音乐播放器. 首先来看一下最终的实现效果:Demo链接 接下来就步入正题: 要做一个音乐播放器就要非常了解在Web中音频播放的方式,通常都采用HTML5的audio标签关于audio标签,它有大量的属性.方法和事件,在这里我就做一个大致的介绍. 属性:src:必需,音频来源:controls:常见,设置后显示浏览器默认的audio控制面板,不设置默认隐藏audio标签:autoplay

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如何让你的网站占据优势,就要看你的功能和用户体验了.html5对video还是做了很多优惠的东西,我们使用起来很得心应手. 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站.虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务.但是这种状况将会随

非常漂亮的HTML5音乐播放器

APlayer是一个非常漂亮的HTML5音频播放器,它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名.歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放进度以及设置播放源. 查看演示 下载源码 HTML 首先是要加载播放器样式文件,这个播放器的样式酷似网易云音乐播放器.然后在body中加入播放器div#player1,待会要调用播放.接着载入APlayer.js文件. <link rel="stylesheet" href="APlayer

Html5 音效播放器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5音乐播放器</title> </head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <b

浮士德html5图片裁剪器2016开源版

前言 最近刚刚好整理浮士德头像裁剪的flash版本,为了某些低级浏览器的兼容着想,既然已经做好了flash版本了,那么,现代浏览器的html5版本和ipad版,移动版也要做一些处理和打包. 兼容性 兼容ie10及以上,google浏览器,Firefox浏览器,safari浏览器,兼容ipad,苹果,安卓等机型. 历史文档 话说图片裁剪这个是很常见的需求,但是做到精细化和兼容处理也是相当费工夫的,本人光是博客相关文件都有7.8篇了,解决的大大小小bug不计其数,本插件不但解决了下面的各种bug,而

Plyr – 简单,灵活的 HTML5 媒体播放器

Plyr 是一个简单的 HTML5 媒体播放器,包含自定义的控制选项和 WebVTT 字幕.它是只支持现代浏览器,轻量,方便和可定制的媒体播放器.还有的标题和屏幕阅读器的全面支持. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件 本文链接:P

HTML5隐藏播放器播放背景音乐

<audio controls autoplay> <source src="1.mp3" type="audio/mpeg" > 您的浏览器不支持 audio 元素. </audio> HTML5隐藏播放器播放背景音乐 html5添加网页背景音乐 一个客户要求给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用. html5方法一:<audio autoplay=""