VideoJS 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
VideoJS 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
VideoJS 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
VideoJS 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
VideoJS 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 Apache
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 红薯
适用人群 未知
收录时间 2011-08-31

软件简介

Video.js 是专为 HTML5 世界而打造的网络视频播放器。它支持 HTML5 视频和现代流媒体格式,以及 YouTube、Vimeo 甚至 Flash。

它支持在台式机和移动设备上播放视频。该项目于 2010 年年中开始,现已有数百名贡献者,并在超过 600,000 个网站上使用。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (6)

加载中
请问是否支持avi格式视频?
2019/01/25 13:40
回复
举报

引用来自“pangxiang”的评论

是否支持ts格式文件播放?
支持
2018/11/30 09:07
回复
举报
是否支持ts格式文件播放?
2017/11/27 10:51
回复
举报
播放器 VideoJS
2014/12/17 14:39
回复
举报
谁有videojs的使用手册啊 VideoJS
2015/01/30 14:10
回复
举报
视频的高度怎么设置?需要填满外层DIV,变形无所谓 #VideoJS#
2016/05/02 13:22
回复
举报
更多评论
暂无内容
2020/11/26 18:00

videojs插件使用

1. 下载 github最新代码地址 下载代码$ npm install --save-dev video.js 1.1. 下载链接 videojs-5.6.0~5.8.6版本下载 videojs-5.17.0~5.18.4版本下载 1.2. 下载方法 选择下载版本点击 下载压缩包 2. jsp使用案列 2.1. 头部 <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%...

0
0
发表了博客
2018/04/16 16:36

videojs使用技巧

摘自https://www.awaimai.com/2053.html 1 初始化 Videojs初始化有两种方式。 1.1 标签方式 一种是在<video>标签里面加上class="video-js"和data-setup='{}'属性。 注意,两者缺一不可。 我刚开始的时候觉得后面的值为空对象{},不放也行,导致播放器加载不出来,后来加上来就可以了。 1.2 JS方式 另外一种方法是通过JS初始化,格式: var player = videojs('my-player'); 这样有个要求,就是不能配置data-setup,并且需要传入<...

0
0
发表了博客
2018/03/22 14:45

videojs双击全屏幕观看,videojs动态加载视频

前段时间闲来无事弄了弄video.js,感觉蛮好玩,能应用到各个应用端,自己在最后玩耍的时候,需要注意的只剩下两方面了,1,动态加载播放视频内容2,双击全屏观看, var urlRoad = ""; var myPlayer = videojs('my-video'); videojs("my-video", {}, function() { window.myPlayer = this; $(" #my-video source").attr("src", ""); myPlayer.src(urlRoad); ...

0
0
发表了博客
2019/10/28 14:49

某网站的videojs的配置及操作

某网站的videojs的配置及操作 一、总结 一句话总结: 多参照参照别人的例子就好,省事 1、videojs如何获取用户当前视频的位置? this.currentTime() 2、回到视频开始处? player.currentTime(0); 二、内容在总结中 1 options={ 2 playbackRates: [1,1.25,1.5,1.75,2], 3 controlBar: { 4 volumePanel: { 5 inline: false //默认是true,横着的 6 } 7 } 8 }; ...

0
0
发表了博客
2020/12/10 10:42

为videojs添加自定义组件

目录 获取videojs源码 源码的编译 添加TitleBar组件 js代码编写 在player里注册自定义组件 添加css样式 应用自己的组件 重新编译 在html中调用组件 实际效果 结语 videojs虽然已经为我们提供了较为完善的功能.但是在实际应用中,我们仍然可能需要为这个播放器添加部分功能.下面将以添加标题栏为示例简要介绍如何给videojs添加功能或组件. 获取videojs源码 访问videojs在github上的项目即可下载到videojs的源代码 项目网址:https:...

0
0
发表于大前端专区
01/20 11:57

videojs 遇到的坑汇总

videojs 和 mui.js 冲突的解决方案 //视频播放 videojs("#hk-video",{},function(){ //阻止相关控制元素上的相关事件冒泡,否则当引入了mui.js以后就会2333,目前只发现touchstart事件有影响 mui("#hk-video").on("touchstart",".vjs-control",function(){ return false; }); }); 参考:https://ask.dcloud.net.cn/question/30088 手机端用 touchstart,PC端用 click 捕获双击事件 vi...

0
0
发表了博客
2019/10/27 19:03

利用videojs自动播放下一个

利用videojs自动播放下一个 一、总结 一句话总结: 在视频放完的ended方法里面,指定video的src,然后this.play()放视频就好 vue来控制视频的链接也是蛮不错的 this.on('ended',function(){ i++; if(i >= list.length){ i = 0; } var videoObj = list[i]; this.src({type: videoObj.type, src: videoObj.url}); this.play(); }) 二、利用videojs实现视频列表循环播放,自动播放下一个 转...

0
0
发表了博客
2019/08/23 09:00

videojs使用技巧

1 初始化 Video.js初始化有两种方式。 1.1 标签方式 一种是在<video>标签里面加上class="video-js"和data-setup='{}'属性。 注意,两者缺一不可。 刚开始的时候我觉得后面的值为空对象{},不放也行, 导致播放器加载不出来,后来加上来就可以了。 1.2 JS方式 另外一种初始化 video.js 的方法是通过JS,格式: var player = videojs('my-player'); 这样有个要求,就是不能配置data-setup,并且需要传入<video>的id。 当然,如果不...

0
0
发表了博客
2018/05/07 17:02

videojs集成--播放rtmp流

之前说到已经把流推送过来了,这时候就可以使用videojs来进行显示播放。 首先要先有一个文件,那就是video-js.swf 因为,这种播放方式html已经不能很好的进行播放了,需要用到flash来播放,videojs在这个地方就用到了这个。 代码就是下面这样。 里面一些细节注释都有。 重点就是看<video>标签里面的内容 [html] view plain copy <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Access-Control-Allow-Origin" cont...

0
0
发表了博客
2019/05/13 15:18

videoJS播放rtmp流

引入相关文件 <link rel="stylesheet" type="text/css" href="http://vjs.zencdn.net/5.5.3/video-js.css"/> <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script> <script src="http://vjs.zencdn.net/5.5.3/video.js"></script> html代码 同一个页面创建多个video时,id需要不同,否则报错。 let n = ""+Math.ceil(Math.random()*10)+Math.ceil(Math.random()*10)+Math.ceil(Math.random()*10); <...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2014/09/29 14:52

embed和object标签和video.js视频浏览器插件有什么区别啊

我想在 IE6 中视频播放功能 请问使用embed和object这种视频播放标签和用video.js视频浏览器插件有什么区别啊

2
0
发表了问答
2014/03/11 17:14

HTML5视频播放方案

要实现这样的效果:界面载入后开始播放视频,页面内有标签页,点不同标签页时播放不同的视频段。 我用了Bootstrap做框架,视频在不同浏览器下显示的效果极差,求拍砖提建议!

1
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
6 评论
245 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部