videojs 实现hls视频流页面加载完自动播放

文章讲述了如何使用video标签的muted属性去除播放按钮直接播放视频,并通过videojs库在多个摄像头切换时正确更换video的src属性,以实现视频流的无缝切换。示例代码中展示了如何设置新的视频源(url)及其类型(application/x-mpegURL),适用于hls视频流。
摘要由CSDN通过智能技术生成

video 标签增加属性 muted即可,刷新页面,不再出现播放按钮,而是直接播放视频画面。

当时评播放窗口就一个,需要多个摄像头切换播放时,直接重新给source  src 属性赋值时不行的。正确的示例如下

var option={};
var myPlayer = videojs('playVideo',option,function onPlayerReady(){
    var myPlayer = this;
    myPlayer.src({src: url, type: "application/x-mpegURL"});
    this.play();
});

playVideo为  video标签id,option 根据实际需要传入,可以为空对象。
url 是你需要更换的新的视频流url,
后面的type对应你的视频流类型,我的是hls用application/x-mpegURL

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值