环境:
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支持不好了。也有网友反映相同的问题。
解决方案
- 按https://blog.csdn.net/hb_zhouyj/article/details/81115762说明,不要把html放在本地直接打开,而要放在服务器上。比如启动一个简易的tomcat放到根目录测试
- 按https://blog.csdn.net/hb_zhouyj/article/details/81115762, flash设置成允许(请注意不是询问,询问也没有用)
结果
然后,就可以播放了
[结束]