nginx Videojs -当流未运行时隐藏错误

gab6jxml  于 2023-10-17  发布在  Nginx
关注(0)|答案(1)|浏览(144)

我已经设置了videojs播放器,并通过OBS向播放器提供了一个HLS流。当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>
8cdiaqws

8cdiaqws1#

根据你想做的事情,你可以用null调用player.error()来告诉Video.js隐藏错误:player.error(null) .如果你只想禁用错误,你可以在播放器选项中将errorDisplay选项设置为false

var player = videojs('vid', {
  errorDisplay: false
});

希望能帮上忙。

相关问题