关于videojs播放rtmp直播源

废话不多说,先上一段我亲测可用的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>

<body>
<video id='myvideo' width=960 height=540 class="video-js vjs-default-skin" controls>
    <!-- RTMP直播源地址-->
    <source src="rtmp://58.200.131.2:1935/livetv/hunantv">
</video>

<script>
    var player = videojs('myvideo', {}, function(){console.log('videojs播放器初始化成功')})
    player.play();
</script>
</body>
</html>

下面这个引入js是播放rtmp协议源所需要的,很显然,看名字就知道这是一个flash插件。
没错,所以去播放rtmp的时候,浏览器一定要保证不默认禁用FLASH!!!切记!

<script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>

ps:我测试使用的源是湖南卫视的源,亲测可用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容