VideoJS实时RTMP流,播放器和视频大小问题

时间:2015-05-21 19:53:41

标签: html5 video rtmp video.js

我已经设置了一个带有videojs html5播放器的页面,该播放器会自动开始播放远程RTMP直播。它有效。

当我开始播放视频时,视频会显示为播放器左上角的一个小方框。该播放器为1280x720,视频以任何分辨率从电脑或Android手机流式传输,但它也从左上角开始播放。

我还没有测量到角落里视频的分辨率,但我估计它的大约是40x40。当我选择全屏选项时,视频会延伸到全屏。当我关闭全屏时,视频正确填充播放器。

我希望视频可以立即启动并填充播放器而无需全屏/恢复。任何建议或方向都会非常感激。

这就是我与

合作的原因



<html>
<head>
<title> Stream Player </title>
 <link href="video-js.css" rel="stylesheet" type="text/css">
  <script src="video.js"></script>
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>
</head>
<body bgcolor=000000>
 <center>
  <font face="verdana" color=993333><h1>Test</h1></font>
   <video id="livestream" class="video-js vjs-default-skin vjs-big-play-centered"
     controls autoplay preload="auto" width="1280" height="720"
     data-setup='{"example_option":true}'>
      <source src="rtmp://webserver.example:1935/live/streamname" type="rtmp/mp4">
   </video>
 </center>
</body>
</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案