Video.js 播放rtmp视频流

最新推荐文章于 2025-06-11 23:22:13 发布

dream_hai

最新推荐文章于 2025-06-11 23:22:13 发布

阅读量4.4w

点赞数 5

CC 4.0 BY-SA版权

分类专栏：视频直播

本文链接：https://blog.csdn.net/dream_hai/article/details/52137998

本文介绍如何利用Video.js实现RTMP视频流的播放，提供了一个测试URL rtmp://live.hkstv.hk.lxdns.com/live/hks，表明该URL可供测试，但未提及HLS视频流的测试情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用video.js播放rtmp视频流

<html>
  <head>
  <title>视频直播</title>
  <meta charset="utf-8">
  <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
</head>
<body>
  <h1>直播间</h1>
 <video id="my-video" class="video-js" controls preload="auto" width="640" height="300"
 poster="http://ppt.downhot.com/d/file/p/2014/08/12/9d92575b4962a981bd9af247ef142449.jpg" data-setup="{}">
    <source src="rtmp://live.hkstv.hk.lxdns.com/live/hks" type="rtmp/flv">
    <!-- 如果上面的rtmp流无法播放，就播放hls流 -->
    <!-- <source src="http://10.10.5.119/live/livestream.m3u8" type='application/x-mpegURL'> -->
    <p class="vjs-no-js">播放视频需要启用 JavaScript，推荐使用支持HTML5的浏览器访问。
      To view this video please enable JavaScript, a