VideoJS live RTMP stream, player and video size issue

最新推荐文章于 2023-10-27 09:48:39 发布

dj0379

最新推荐文章于 2023-10-27 09:48:39 发布

阅读量3.2k

点赞数

分类专栏： Js/H5/Hybrid 图像和流媒体

图像和流媒体同时被 2 个专栏收录

143 篇文章 6 订阅

订阅专栏

Js/H5/Hybrid

47 篇文章 4 订阅

订阅专栏

up vote 1 down vote favorite

I have setup a page with a videojs html5 player that automatically starts to play a remote RTMP live stream. It works.

When I start the stream the video appears as a tiny box in the top left of the player. The player is 1280x720 and the video is streaming from a computer or android phone at any resolution, but it also starts in the top left corner.

I haven't measured the resolution of the video in the corner but I'd guess it's about 40x40. When I select the fullscreen option the video stretches to full screen. When I shut off fullscreen the video correctly fills in the player.

I would expect the video to start and fill the player right away without having to fullscreen/restore it. Any advice or direction would be greatly appreciated it.

This is what I'm working with

<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>

asked May 21 '15 at 19:53

Wally Anderson

6 1 4

I switched my search terms on google from to include "squished" and got some helpful results: github.com/videojs/video-js-swf/issues/55 – Wally Anderson May 21 '15 at 20:06