我正在尝试使用div
容器来限制video-js
视频的大小。我想通过 height 来定义限制,但是<div style="height:50%>"
无效,width=50%
却很好。
这是我正在Chrome中测试的整个test.html
。
<head>
<link href="https://vjs.zencdn.net/7.3.0/video-js.css" rel="stylesheet">
</head>
<div style="height:50%">
<video class="video-js" controls loop muted preload="none" data-setup='{ "fluid": true, "playbackRates": [0.2, 0.25, 0.4, 0.5, 0.7, 0.85, 1.0] }'>
<source src="test.mp4" type="video/mp4" />
</video>
</div>
<script src="https://vjs.zencdn.net/7.3.0/video.js"></script>