vue中使用video标签视频播放,vue播放本地视频

html video标签 2023-12-12 10:44 321 墨鱼

html video标签

vue中使用video标签视频播放,vue播放本地视频

data(){return{videoState:false,// 视频播放状态// 学时studyTime:{currentTime:0,// 当前已学时长duration:0// 总时长},timer:{},// 定时器pauseTimer:{}// main.js中引入import Video from 'video.js' import 'video.js/dist/video-js.css' Vue.prototype.$video = Videojs export default { name: "TestTwo", data(

const player1 = this.$refs.videoPlayer[0].player const player2 = this.$refs.videoPlayer[1].player this.$refs.videoPlayer[1].player.play() this.$refs.videoPlayer[1].playe没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。autoplay:"muted",// //自动播放属性，muted:静音播放preload="auto"//建议浏览器是否应在

51CTO博客已为您找到关于vue中使用videojs播放视频流的相关内容，包含IT学习相关文档代码介绍、相关教程视频课程，以及vue中使用videojs播放视频流问答内容。更多vue中使用videvideo.muted = false; }, false); vue项目中也差不多：这里面直接调用的后台接口获取到数据，动态展示视频先在项目中用npm把hls.js下载下来，在用到的页面引入https://ww

使用video标签的好处是，视频周围没有黑边，观看效果好看二、html: