videojs能播放mp4，不能播放rtmp流的問題解決
阿新 • • 發佈：2019-02-12
最近給了一個小任務是要驗證下videojs播放rtmp流的問題。
我先是在 http://www.jq22.com/jquery-info404 《視訊播放外掛Video.js》下載了
根據它提供的demo修改程式碼如下：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Video.js 5.18.4</title> <link href="css/video-js.css" rel="stylesheet"> <!-- If you'd like to support IE8 --> <script src="js/videojs-ie8.min.js"></script> <style> body{background-color: #191919} .m{ width: 640px; height: 264; margin-left: auto; margin-right: auto; margin-top: 100px; } </style> </head> <body> <div class="m"> <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> <source src="rtmp://live.hkstv.hk.lxdns.com/live/hks" type="rtmp/flv"/> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> <script src="http://vjs.zencdn.net/5.18.4/video.min.js"></script> <script type="text/javascript"> var myPlayer = videojs('my-video'); videojs("my-video").ready(function(){ var myPlayer = this; myPlayer.play(); }); </script> </div> </body> </html>
執行發現無法成功播放，之前用它的demo播放mp4檔案是可以的，排除了程式碼問題、路徑問題、瀏覽器不支援問題、flash問題（這些問題大家自行百度），後來發現是因為：video.js不支援在本地html頁面裡播放
於是根據這篇文章：https://blog.csdn.net/u011456337/article/details/50704331
《3分鐘快速搭建nodejs本地伺服器執行測試html/js》 感謝“羅星星的部落格”的幫助。
搭建了本地伺服器，成功實現了videojs播放rtmp流
問題解決！
另外，我之前下的是下面這個版本：
這個版本就算按照上面的操作了也不能播放，是因為（V6.X.X的都播不了rtmp，V5.x.x的才行，對比發現，V6.X.X目錄下沒有video-js.swf，rtmp需要flash來播
具體看：