videojs播放rtmp流提示 No compatible source was found for this video

环境:

Chrome最新版本 71.0.3578.98(正式版本) (64 位)

错误:

No compatible source was found for this video

代码

先看代码如下:

<!DOCTYPE html>
<html>
<head>
  <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
  <!--5.5.3-->
  <!-- <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet"> -->

  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <!-- <script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script> -->
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
    <!-- <source src="MY_VIDEO.mp4" type='video/mp4'> -->
    <source src="rtmp://live.hkstv.hk.lxdns.com/live/hks1" type='rtmp/vlc'>
    <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>
  </video>

  <script src="http://vjs.zencdn.net/5.5.3/video.js"></script>
</body>
</html>

请注意video.js我用的是5.X. 用7.X是绝对显示不出来的,不知道为什么新版本反而对rtmp支持不好了。也有网友反映相同的问题。

解决方案

5117013-22d2e98a89f33077.png
image.png
  1. https://blog.csdn.net/hb_zhouyj/article/details/81115762说明,不要把html放在本地直接打开,而要放在服务器上。比如启动一个简易的tomcat放到根目录测试
  1. https://blog.csdn.net/hb_zhouyj/article/details/81115762, flash设置成允许(请注意不是询问,询问也没有用)

结果

然后,就可以播放了

5117013-bc0d0cd4b85d744a.png
image.png

[结束]

猜你喜欢

转载自blog.csdn.net/weixin_34179968/article/details/86922152