在vue3中使用video.js, 切换m3u8时,无法切换一直加载的问题解决方法
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
"vue": "^3.3.8",
"video.js": "^8.6.1",
const player = videoJs(
playerRef.value,
{
html5: {
hls: {
withCredentials: true,
},
},
sources: [
{
src: url,
},
],
},
切换的时候
player.pause();
player.reset();
player.poster(poster);
toRaw(player).src({ src: value });
player.load();
player.play();
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
注意点:
1. 不需要设置
type: "application/x-mpegURL"
2.在vue3中切换m3u8格式的文件时候需要toRaw
GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079
[skip ci] 2 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
更多推荐
已为社区贡献1条内容
相关推荐
查看更多
vue
82
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
awesome-vue
1
🎉 A curated list of awesome things related to Vue.js
RuoYi-Vue
168
🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本
热门开源项目
活动日历
查看更多
直播时间 2024-04-29 19:51:14
GitTalk | 使用面向业务的狮偶编程语言提升开发效率
直播时间 2024-04-26 19:50:36
GitTalk | DevUI Suits 场景解决方案
直播时间 2024-04-19 19:52:10
GitTalk | DevUI Admin 前端项目构建
直播时间 2024-04-12 19:19:21
GitTalk | AutoCoder实现下一代编程辅助应用
所有评论(0)