0
点赞
收藏
分享

微信扫一扫

LivePlayer.js免费直播、点播WEB播放器如何自适应div宽高集成播放视频


LivePlayer网页直播、点播播放器

资源下载:https://www.liveqing.com/docs/download/LivePlayer.html​ 使用说明:https://www.liveqing.com/docs/manuals/LivePlayer.html

根据DIV宽高自适应显示播放

<body>
<div class="dydiv">
<live-player video-url="http://localhost:10080/vhls/562vgkMZR/562vgkMZR_live.m3u8" aspect="fullscreen">
</live-player>
</div>
</body>
<style>
.dydiv {
position: relative;
height:500px;
width: 400px;
}
</style>

LivePlayer.js免费直播、点播WEB播放器如何自适应div宽高集成播放视频_网页播放器

设置拉伸铺满显示效果

<body>
<div class="dydiv">
<live-player video-url="http://localhost:10080/vhls/562vgkMZR/562vgkMZR_live.m3u8" aspect="fullscreen" stretch="true">
</live-player>
</div>
</body>
<style>
.dydiv {
position: relative;
height:500px;
width: 400px;
}
</style>

LivePlayer.js免费直播、点播WEB播放器如何自适应div宽高集成播放视频_WEB直播_02




举报

相关推荐

0 条评论