如何创建响应视频播放器影片js | HLS视频

Question

我已在HTML页面上添加了一个视频播放器，并使用video js支持HLS视频，如下所示：

 <video id="video-player" class="video-js vjs-default-skin" controls>
        <source src="https://base_url/hls/18691/18691.m3u8" type="application/x-mpegURL">
 </video>

我想让它响应。我尝试将宽度，高度设置为100％，但这对我不起作用

请注意，我的HTML页面中还有其他内容（如屏幕截图所示）。

如何使这段代码成为自适应视频播放器？

Answer 1

将vjs-fluid类添加到播放器。