`
CshBBrain
  • 浏览: 650153 次
  • 性别: Icon_minigender_1
  • 来自: 成都
博客专栏
B7d9bf34-126e-301f-819e-81f2615b5a2a
开源WebSocket服务...
浏览量:144915
Group-logo
HTML5移动开发
浏览量:137863
社区版块
存档分类
最新评论

7款很棒的 HTML5 视频播放器

 
阅读更多
转自:http://www.cnblogs.com/lhb25/archive/2011/06/27/7-great-html-5-video-player-scripts.html

 作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video 标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站中,文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。

VideoJS


VideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。

SublimeVideo


SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器,功能强大,可惜不是免费的。

Open Standard Media (OSM) Player


由 Alethia Inc 开发,是集全功能于一体的网络播放器,非常不错。

Video for Everybody


Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频,在不支持的浏览器中自动切换为 Flash 播放。

Kaltura HTML5


Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器,采用独特的 fallback 机制。

FlareVideo


FlareVideo 由 Alex MacCaw 开发,他是一位Ruby/JS开发者,FlareVideo主要特色:

在不支持 HTML5 视频的情况,用Flash作为替代方案
可轻松自定义主题
支持全屏
完全开源和免费用于商业用途
Projekktor


一个免费,开源,基于 Javascript 编写的 HTML5 视频播放器,它解决了跨浏览器和兼容性问题,增加了视觉效果,并提供非常强大的功能。

使用 CSS3 和 jQuery 制作 HTML5 视频播放器


这个教程教您如果使用HTML5、CSS3和jQuery一步一步制作自己的视屏播放器,感兴趣的朋友记得收藏起来哦

您可能还喜欢


25个让人惊叹的 HTML5 应用实验
推荐21款最佳 HTML 5 网页游戏
推荐18个基于 HTML 5 Canvas 开发的图表库
8个惊艳的JavaScript WebGL 应用实验
九个让人难以置信的HTML5和JavaScript实验

编译来源:梦想天空-分享Web开发技术和设计资源

国际来源:7 Great HTML 5 Video Player Scripts


分享到:
评论

相关推荐

    betterplayer:更好的 Flutter 视频播放器,具有多种配置选项。 解决典型用例!

    基于 video_player 和 Chewie 的高级视频播放器。 它解决了许多典型的用例,并且易于运行。 介绍 这个插件基于Chewie 。 Chewie 是一个很棒的插件,在很多情况下都能很好地工作。 Better Player 是 Chewie 中...

    EasyHTML5Video:为您的网站创建在任何设备上看起来都很棒的视频-开源

    然后,为了提供与IE和旧浏览器的兼容性,您可以使用Flash视频播放器添加视频的后备Flash版本。 最后,您提取海报的图像,并编写批处理代码以将所有图像组合在一起...相当复杂吗? 用EasyHTML5Video忘了它吧! 将...

    无敌超酷绝棒flv流媒体播放代码和使用

    SWF是ShockWave Flash的缩写,它是Adobe Flash的输出格式,用于在网页上展示交互式内容,包括动画和视频播放器。V CAST R22可能是一个特定版本的Flash播放器或组件,设计用于支持FLV流媒体的播放。 至于"1.txt"文件...

    media-chrome:自定义元素(Web组件),使音频和视频播放器控件在您的网站或应用中看起来很棒

    <media> 媒体播放器的舞蹈服。 :man_dancing: 使用Web组件(本机自定义元素)的完全可自定义的媒体播放器控件。 与任何JavaScript框架兼容(React,Angular,Svelte等) 与<video>和<audio>元素以及...

    dropshare-landing:我的 dropshare 登陆页面

    为 mov、mp4、webm 和 ogg 文件添加 HTML5 视频播放器。 提供文件的直接链接。 提供文件的 torrent 下载,因为,为什么不呢?堆它几乎是简单的 html + css + javascript。 它使用因为我有点想尝试一下,到目前为止...

    yootheme widgetkit

    工具通过HTML5嵌入视频,可以广泛地支持移动设备,如iPhone,ipad或Android手机等。您也不必担心兼容旧浏览器的问题,因为它设置了回避不支持HTML5元素的功能。 集成ZOO Widgetkit和ZOO可以相互桥接!这是我们被要求...

    技能上限:更好的技能上限界面

    它没有搜索功能,视频播放器很小,要弄清楚接下来要看什么,难度比应该要困难得多。 幸运的是,他们提供了所有视频数据的清单,这些视频数据已硬编码到所服务HTML中! 这是一个小型的React应用,可在一个漂亮的...

    50款非常棒的 jQuery 插件分享

    42. JQuery Media Plugin:多媒体播放器插件,支持音频和视频。 43. JQuery JFlot:基于Flot的图表插件,用于数据可视化。 44. Horizontal Accordion:水平折叠效果,适用于展示分类或菜单。 45. Accessible slider...

    JavaScript30:通过@WesBos 和 JavaScript30 了解新的热点,这些是我的后续文件

    Flex Panel Gallery - 06 - 提前输入 - 07 - Array Cardio 第 2 天 - 08 - 有趣的 HTML5 Canvas - 09 - Dev Tools Domination - 10 - 按住 Shift 并选中复选框 - 11 - 自定义视频播放器 - 12 - 按键序列检测 - 13 -...

    GIFI!「GIFit!」-crx插件

    我知道这很困难,但是GIF需要几秒钟的时间7:GIF准备好了,单击“保存GIF”按钮! 有关GIFit!的注意事项:-仅当YouTube处于HTML5模式时才起作用,我认为这是Chrome目前的默认模式。 -YouTube上的某些视频强行使用...

    awesome-stars:我加注星标的仓库

    很棒的星星 我的GitHub明星精选清单! 由产生 内容 埃尔朗 F# 去 HTML 车把 哈斯克尔 JSONiq Java JavaScript Jupyter笔记本 Kotlin a 生成文件 降价促销 尼克斯 OCaml 物镜 目标C ++ 其他 PHP Perl 电源...

    awesome-0data

    很棒的0data 拥有数据的资源100%应用 :非线性个人Web笔记本。 :通过wifi即时共享图像,视频,PDF和链接。 :没有帐户的浏览器中的视频通话。 :没有帐户的浏览器中的视频通话。 :通过人工智能将人声与音乐分开。...

    Native HLS Playback-crx插件

    此扩展程序是对真棒hlsjs库的包装:https://github.com/dailymotion/hls.js单击扩展程序图标,您可以播放当前页面中嵌入为视频html元素的任何m3u8。 新增:输入m3u8,然后按Tab,然后输入m3u8 URL来播放扩展名中的...

    awesome-widgets:简约 Plasmoid 集

    很棒的小部件(前 pytextmonitor)信息一组简约的小部件,看起来像 Awesome Window Manager 小部件。 注意特征简单且完全可配置的原生 Plasma 小部件,可用作 Conky 小部件或类似 Awesome 的信息面板显示活动桌面...

Global site tag (gtag.js) - Google Analytics