javascript html5视频播放器

Posted 2023-05-04

款很棒的
html5
视频播放器作为下一代的网页语言，HTML5
拥有很多让人期待已久的新特性，其中之一就是
video
标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。1、VideoJSVideoJS
是最流行的
HTML5
视频播放器，免费、开源，可使用
CSS
轻松定制皮肤，支持全屏，在不支持的浏览器自动切e799bee5baa6e4b893e5b19e31333433623063换为
Flash
播放。2、SublimeVideoSublimeVideo
是一个独特的基于云概念的
HTML5
视频播放器，功能强大，可惜不是免费的。3、Open
Standard
Media
(OSM)
Player由
Alethia
Inc
开发，是集全功能于一体的网络播放器，非常不错。4、Video
for
EverybodyVideo
for
Everybody
让你在网页中嵌入一小段代码就能支持
HTML5
视频，在不支持的浏览器中自动切换为
Flash
播放。5、Kaltura
HTML5Kaltura
的
HTML5
视频解决方案
–
兼容所有主流浏览器，采用独特的
fallback
机制。6、FlareVideoFlareVideo
由
Alex
MacCaw
开发，他是一位Ruby/JS开发者，FlareVideo主要特色：在不支持
HTML5
视频的情况，用Flash作为替代方案可轻松自定义主题支持全屏完全开源和免费用于商业用途7、Projekktor全文 参考技术A 7款很棒的
HTML5
视频播放器
　　作为下一代的网页语言，HTML5
拥有很多让人期待已久的新特性，其中之一就是
video
标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。
1、VideoJS
VideoJS
是最流行的
HTML5
视频播放器，免费、开源，可使用
CSS
轻松定制皮肤，支持全屏，在不支持的浏览器自动切换为
Flash
播放。
2、SublimeVideo
SublimeVideo
是一个独特的基于云概念的
HTML5
视频播放器，功能强7a686964616fe4b893e5b19e31333337623431大，可惜不是免费的。
3、Open
Standard
Media
(OSM)
Player
由
Alethia
Inc
开发，是集全功能于一体的网络播放器，非常不错。
4、Video
for
Everybody
Video
for
Everybody
让你在网页中嵌入一小段代码就能支持
HTML5
视频，在不支持的浏览器中自动切换为
Flash
播放。
5、Kaltura
HTML5
Kaltura
的
HTML5
视频解决方案
–
兼容所有主流浏览器，采用独特的
fallback
机制。
6、FlareVideo
FlareVideo
由
Alex
MacCaw
开发，他是一位Ruby/JS开发者，FlareVideo主要特色：
在不支持
HTML5
视频的情况，用Flash作为替代方案
可轻松自定义主题
支持全屏
完全开源和免费用于商业用途
7、Projekktor 参考技术B 去度娘查一下百“我爱播放器”，里面那么多，总有一款适合你，完全免费，直接下载源码，一般我都是用的<video></video>和<audio></audio>；如度果你需要实现整合腾讯啊、优酷啊等等直接内解析的播放器，那么里面也有，反正就是里面的播放器挺多的，直接下载容下来配置到你的网站就行。

javascript 具有模态和键盘支持的自动播放HTML5视频

<script type="text/javascript">
$('#modal-sample').on('shown.bs.modal', function() {
    $('#video1')[0].play();
})
$('#modal-sample').on('hidden.bs.modal', function() {
    $('#video1')[0].pause();
})
$(window).keypress(function(e) {
    var video = document.getElementById("video1");
    if (e.which == 32) {
        if (video.paused == true) video.play();
        else video.pause();
    }
});
</script>