Video.js使用指南

简介: Video.js使用指南

1.引入JS和CSS包直接撸!


复制代码
2.在HTML中放入容器,这里选择通过JS控制。
html:

To view this video please enable JavaScript, and consider upgrading to a web browser that s upports HTML5 video


复制代码
JS:

复制代码

3.关于动态设置播放URL:
//视频配置

        player = videojs(document.getElementById('myVideo'), {
            sources:[ // 视频源
                {
                    src: 'rtmp://192.168.168.10:1935/live/room1226752779',
                    type: 'rtmp/flv',
                }
            ]
        })
    var data = {
                // src: res.result[1].rtmpUrl,
                // src:"rtmp://192.168.168.10:1935/live/room1508839421",
                src:res.result[1].rtmpUrl,
                type: 'rtmp/flv'
            }
    player.src(data)
    player.load(data)

复制代码

转自:https://segmentfault.com/a/1190000018914486?utm_source=tag-newest
作者: Bill 本文地址: http://biaoblog.cn/info?id=1571103960000

版权声明: 本文为原创文章,版权归 biaoblog 个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!

相关文章
|
视频直播
【视频直播篇六】videojs的使用
本文着重介绍videojs的使用
484 0
|
调度
Dataphin功能Tips系列(6)-月调度周期任务补数据的业务日期选择
一个销售额结算的周期任务的调度周期是月调度---每月1号进行调度,但是有一天调整了计算口径后希望重新计算过去几个月的销售额,此时补数据任务的业务日期应该如何选择?
312 4
Dataphin功能Tips系列(6)-月调度周期任务补数据的业务日期选择
|
Web App开发 移动开发 JavaScript
【视频直播篇一】入门篇
公司产品要集成视频直播,原来找的一家第三方厂家已经对接好了,后来领导说成本太高要换。拿到同行的产品来看,发现他们用的是rtmp协议的直播流。领导说要上这个,把这个任务交给我,当时都蒙圈了。这啥玩意?!从来没见过啊。领导的话就是命令,没办法,硬着头皮也要上。 花了几天时间稍微入了门,在这里总结一下。 首先直播中有两个非常重要的概念:推流、拉流。通俗来讲,推流指的就是我们在直播平台看到的主播那一端采集摄像头数据推送到视频流服务器。而拉流就是观众这一段使用pc、移动端播放直播视频了。
888 0
|
移动开发 Android开发 HTML5
uniapp视频播放功能
uniapp视频播放功能
1674 0
|
存储 JavaScript 前端开发
js数组高阶函数——includes()方法
js数组高阶函数——includes()方法
709 0
|
移动开发 Android开发 容器
uniapp中使用videojs构建H5直播播放器
【10月更文挑战第14天】这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式
1614 129
|
前端开发 编译器 C++
什么是LLVM项目?
什么是LLVM项目?
598 37
|
存储 开发框架 JavaScript
Threejs中三维物体和HTML的爱恨情仇:CSS2DRenderer
【8月更文挑战第7天】Threejs中三维物体和HTML的爱恨情仇:CSS2DRenderer
1420 4
Threejs中三维物体和HTML的爱恨情仇:CSS2DRenderer
|
前端开发
React页面跳转取消上一个页面的所有请求
React页面跳转时取消上一个页面的所有axios请求,通过axios拦截器设置cancelToken,并在页面跳转时调用cancel函数取消未完成的请求。
331 2
|
缓存 前端开发 算法
浅谈【JavaScript】的浏览器指纹?
浅谈【JavaScript】的浏览器指纹?
211 0