我已经设置了一个带有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;