Question

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Video.js RTMP Example Embed</title>
  
  <link href="http://vjs.zencdn.net/4.6/video-js.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/4.6/video.js"></script>
  <style>
    div{
      float: left;
    }
  </style>
</head>
<body>
  <div>
    <video id="my_video_1" class="video-js vjs-default-skin" controls autoplay width="300" height="400" 
  data-setup='{}'>
    <source src="rtmp://10.0.1.49/broadcast/myapp" type='rtmp/flv'>
  </video>
  </div>
  
</body>
</html>

我添加了autoplay属性。但是当我加载页面时，videojs大按钮会显示片刻并消失。之后，视频中间会出现一个小圆圈按钮。就像这样：

有没有人可以帮助我？谢谢！

Answer 1

首先更新videojs lib和here，您可以看到正确的自动播放语法。您的代码应如下所示：

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>Video.js RTMP Example Embed</title>

<!-- VideoJS API -->
<link href="http://vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js">  </script>
<script src="http://vjs.zencdn.net/5.11.9/video.js"></script>
<style>
    div{
       float: left;
       }
</style>
</head>
    <body>
      <div>
        <video id="my_video_1" class="video-js vjs-default-skin" controls autoplay preload='auto' width="300" height="400" 
        <source src="rtmp://10.0.1.49:1935/broadcast/myapp" type='rtmp/flv' />
      </video>
     </div>    
 </body>
 </html>

要查看流式视频，您需要使nginx-rtmp正常工作。将此文件复制到根目录并重新启动nginx。应该管用。 Here是

Videojs rtmp无法自动播放

1 个答案: