使用videoJs播放hls，动态给src赋值报错

我就是八岁你打我呀_ 2019-06-11 03:55:42

我想要做出一个点击按钮切换视频源并播放的效果
目前是写在html里面静态的可以播放点击之后地址可以读到没有问题但是并不能播放出来

求大神帮我解答一下谢谢！！！

...全文

744 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

wsl394049743 2019-06-11

打赏
举报

回复

路径地址变更后，浏览没有去请求视频地址数据。你可以用source试一下

我就是八岁你打我呀_ 2019-06-11

打赏
举报

回复 1

背景：动态更换播放的视频源时，需要先用dispose()销毁，再重新创建，dispose方法会连同dom一同删除，故需要创建dom （如果直接创建video元素，注意生成的object不能在video标签下面，否则页面不报错但不能播放，最好创建一个div ,将其innerHTML设为’

前言什么是m3u8？效果效果地址 m3u8视频切换效果图片解决方法采用video.js插件！引入引入videoJS插件样式文件；引入videoJS插件JS文件；引入videoJS插件播放m3u8格式视频的HLS功能。 <link href="./video-js.css" rel="stylesheet">...

我们最常见的mp4类型的视频，直接通过vue原生的video引入就可以了。但是当接入的视频是直播视频流时，video是不支持的，所以我们需要通过一定的插件辅助，在实现功能前先介绍几个概念。

首先是这个问题呢 No compatible source was found for this media. // 找不到此媒体的兼容源原因官方解释 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更意思呢就是动态赋值完后不是立即就能赋值的。最这问题呢是因为我们动态赋值的时候dom获取的是以前的【没有赋值之前的dom】解决办法【nextTick】 that.$nextTick(() => {

最近使用videojs的时候碰到一个需求，更换视频的src后需要让视频跳转到某个位置，按理说使用currentTime()就可以解决，但是在player.src()函数执行后再执行player.currentTime()就会无效。这种情况是因为调用player.src()后视频还没有准备好，所以player.currentTime()无效，解决办法就是等视频准备好后再调用currentTime(...

87,907

社区成员

224,615

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章