我有一个宽度为40％的div中的视频.在html中,width =“100％”height =“auto”使视频消失.设置像素的特定大小将不适合div.将html留空会使视频大小错误,并且侧面会出现黑条.
我在大多数其他帖子中尝试了这些建议,但似乎无法让它发挥作用.
<div id="Box"><video id="trialvid" class="video-js vjs-default-skin" controls preload="auto" width="auto" height="auto" poster="images/reelthumbnail.jpg" data-setup='{"example_option":true}'> <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /> <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> </video> </div>
解决方法
在videojs的第5版中,您可以在视频对象上使用vjs-16-9 vjs-4-3类,
<video class="video-js vjs-default-skin vjs-16-9" ...> ... </video>
或使用流体选项
<video class="video-js vjs-default-skin" data-setup='{"fluid": true}' ...>
...
</video>
资料来源：https://coolestguidesontheplanet.com/videodrome/videojs/
