Nginx Videojs-流未运行时隐藏错误
我已经安装了videojs播放器,并获得了一个HLS流,通过OBS传输到播放器。当OBS正在运行并向流发送视频时,播放机上会显示“播放”按钮,看起来很正常,但当没有任何内容流到页面时,会出现“媒体无法加载,原因可能是服务器或网络故障或格式不受支持。”错误,下方有叉号。这对我来说不是问题,但该页面将被其他人使用,我不想重复自己的观点,即该页面没有损坏,只是因为它目前没有流媒体 是否有方法隐藏错误或更改错误文本以通知流当前未运行。还有一种方法,我可以让它自动播放时,流打开。这是我当前的文件,它非常基本,只是目前的玩家Nginx Videojs-流未运行时隐藏错误,nginx,http-live-streaming,video.js,live-streaming,hls.js,Nginx,Http Live Streaming,Video.js,Live Streaming,Hls.js,我已经安装了videojs播放器,并获得了一个HLS流,通过OBS传输到播放器。当OBS正在运行并向流发送视频时,播放机上会显示“播放”按钮,看起来很正常,但当没有任何内容流到页面时,会出现“媒体无法加载,原因可能是服务器或网络故障或格式不受支持。”错误,下方有叉号。这对我来说不是问题,但该页面将被其他人使用,我不想重复自己的观点,即该页面没有损坏,只是因为它目前没有流媒体 是否有方法隐藏错误或更改错误文本以通知流当前未运行。还有一种方法,我可以让它自动播放时,流打开。这是我当前的文件,它非常基
<!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset=utf-8 />
5 <title>Video.js | HTML5 Video Player</title>
6 <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
7 </head>
8 <body>
9
10 <video-js id="example_video_1" class="vjs-default-skin" controls preload="auto" width="640" height="264">
11 <source src="http://localhost/live/webcam/index.m3u8" type="application/x-mpegurl">
12 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that < a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
13 </video-js>
14
15 <script src="https://unpkg.com/video.js/dist/video.js"></script>
16 <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
17
18 <script>
19 var player = videojs('example_video_1', {liveui: true});
20 </script>
21 </body>
22
23 </html>
2.
3.
4.
5 Video.js | HTML5视频播放器
6.
7.
8.
9
10
11
12 查看此视频请启用JavaScript,并考虑升级到Web浏览器,即“HeRF=”https://videojs.com/html5-video-support/“target=“\u blank”>支持HTML5视频
13
14
15
16
17
18
19 var player=videojs('example_video_1',{liveui:true});
20
21
22
23
根据需要,您可以使用null
调用player.error()
,告诉Video.js隐藏错误:player.error(null)
。
如果只想禁用错误,可以在播放器选项中将errorDisplay
选项设置为false
:
var player = videojs('vid', {
errorDisplay: false
});
希望有帮助