VIDEOJS ERROR (CODE4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media

最新推荐文章于 2023-11-27 23:15:10 发布

原创

最新推荐文章于 2023-11-27 23:15:10 发布 · 7.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#npm #前端 #node.js

当遇到VIDEOJS的MEDIA_ERR_SRC_NOT_SUPPORTED错误时，通常是因为src值为空或者rtmp流不再支持Flash。解决方案包括检查DOM节点的src属性，考虑使用flv.js播放flv流，以及首选hls流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何解决VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.

<template>
	<!-- 这个组件是m3u8事件留组件 -->
	<div class="container">
	   <div class="player">
			<div v-if="src===''">
				视频播放失败
			</div>
			<video-player v-else class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions"></video-player>
		</div>
	</div>
</template>

<script>
import 'video.js/dist/video-js.css';
import 'vue-video-player/src/custom-theme.css';
import { videoPlayer } from 'vue-video-player'; //导入组件

import 'videojs-contrib-hls';
export default {
	props: {
		src: {
			type: String,
			default: ''
		}
	},
	watch: {
		src: {
			handler(newval) {
				// console.log(newval);
				this.playerOptions.sources[0].src = newval;
				// console.log(th