Open coderLanlan opened 2 years ago
I played an mp4 file and after the playback was over, I reported the error errorMessage: 'The media playback was aborted due to a corruption…media used features your browser did not support.'
<video-player ref="video" :name="props.audio.name" :id="props.audio.id" :options="options" />
js: const options = reactive({ width: '800px', //播放器高度 height: '450px', //播放器高度 color: '#409eff', //主题色 muted: false, //静音 webFullScreen: false, speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速 autoPlay: false, //自动播放 loop: false, //循环播放 mirror: false, //镜像画面 ligthOff: false, //关灯模式 volume: 0.3, //默认音量大小 controls: true, //是否显示控制器 title: '', //视频名称 src: atom:///${props.audio.source_path}, //视频源 poster: '', //封面 plugins: { vjsdownload: { beforeElement: 'Fullscreen', textControl: '下载', name: 'downloadButton', downloadURL: null, }, }, })
atom:///${props.audio.source_path}
electron: ^17.1.2 node: 16.19.0 Video.js: 7.20.3 @videojs-player/vue: ^1.0.0 videojs-vjsdownload: ^1.0.4
yarn
:loop="true"
Describe the bug
I played an mp4 file and after the playback was over, I reported the error errorMessage: 'The media playback was aborted due to a corruption…media used features your browser did not support.'
Reproduction
<video-player ref="video" :name="props.audio.name" :id="props.audio.id" :options="options" />
js: const options = reactive({ width: '800px', //播放器高度 height: '450px', //播放器高度 color: '#409eff', //主题色 muted: false, //静音 webFullScreen: false, speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速 autoPlay: false, //自动播放 loop: false, //循环播放 mirror: false, //镜像画面 ligthOff: false, //关灯模式 volume: 0.3, //默认音量大小 controls: true, //是否显示控制器 title: '', //视频名称 src:
atom:///${props.audio.source_path}
, //视频源 poster: '', //封面 plugins: { vjsdownload: { beforeElement: 'Fullscreen', textControl: '下载', name: 'downloadButton', downloadURL: null, }, }, })System Info
Used Package Manager
yarn
Validations