我想使视频适合屏幕,需要禁用滚动。
- 问题:**
而不是全屏,它是从屏幕溢出。
我哪里做错了?
<!DOCTYPE html>
<html>
<head>
<style>
.videosize {
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:auto;
}
</style>
<script src="https://cdn.jsdelivr.net/npm/indigo-player@1/lib/indigo-player.js"></script>
</head>
<body>
<div id="playerContainer" class="videosize">
<script>
const config = {
sources: [
{
type: 'hls',
src: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
}
],
};
const element = document.getElementById('playerContainer');
const player = IndigoPlayer.init(element, config);
</script>
</div>
</body>
</html>
2条答案
按热度按时间d8tt03nd1#
使
<body>
元素具有声明了position: relative
、width: 100%
和overflow: hidden
的类,或者使用内联style="..."
完成此操作后,视频应采用父级的宽度和相对位置。
pkwftd7m2#