Videojs 和 rtmp 流式传输答案

【问题标题】：Videojs and rtmp streamingVideojs 和 rtmp 流式传输
【发布时间】：2017-02-20 13:20:19
【问题描述】：

嘿，我正在使用videojs显示某些视频，一些需要显示的视频是rtmp流媒体。

我正在尝试使用以下配置来运行视频，但没有成功。这种类型的视频需要特定的插件吗？

这是我迄今为止所取得的成就：

<link href="http://vjs.zencdn.net/5.0.2/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/ie8/1.1.0/videojs-ie8.min.js"></script>
    <script src="http://vjs.zencdn.net/5.0.2/video.js"></script>
    
  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">
    <source src="rtmp://aljazeeraflashlivefs.fplive.net/aljazeeraflashlive-live/aljazeera_ara_high" type="rtmp/mp4">
    <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <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>

VideoJS 是否支持 rtmp 流，根据文档说它支持 flash 视频（包括 rtmp 吗？）

我已将视频类型更改为 rtmp/mp4 可以吗？

如果我使用的是 vlc 或 vlc 插件，那么我可以运行此处的视频： rtmp://aljazeeraflashlivefs.fplive.net/aljazeeraflashlive-live/aljazeera_ara_high

【问题讨论】：

标签： video video.js

【解决方案1】：

我在我的项目中使用了这个

<head>
<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.6.6/video.js"></script>
<title>Stream PAGE</title>
<!-- This style is clearly not needed but yolo  -->
<style>
body {
width: 35em;
margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
</style>
</head>   
<body>
<h1>What you want</h1>
<video id="player" class="video-js vjs-default-skin" width="800" height="440"  controls preload="none">
<source src="http://192.168.205.1:9000/1234.m3u8" type="application/x-mpegURL" />
</video>
<script>
var player = videojs('#player')
</script>

【讨论】：

【解决方案2】：

如果是 m3u8，请不要忘记将源类型更改为：type="application/x-mpegURL"/>

【讨论】：