将videojs限制为div高度

时间:2019-01-24 19:00:57

标签: html css html5-video video.js

我正在尝试使用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>

0 个答案:

没有答案