如何让播放器自适应父容器的宽高,不要出现滚动条和留白
如果您想让阿里云视频云播放器自适应父容器的宽高,可以使用以下方法:
设置容器的宽高样式为百分比(例如100%),这样播放器就可以根据容器的大小自适应调整。
在播放器配置中设置"autofit"参数,该参数可以将播放器自动适应父容器大小,避免出现滚动条和留白。
例如,您可以在播放器的初始化代码中添加以下配置:
var player = new Aliplayer({ ..., width: '100%', height: '100%', autoplay: true, source: 'http://example.com/video.mp4', skinLayout: [ { name: "bigPlayButton", align: "cc", x: 30, y: 80 }, { name: "H5Loading", align: "cc" }, { name: "errorDisplay", align: "tl", x: 0, y: 0 }, { name: "infoDisplay" } ], autofit: true // 自适应父容器大小 }, "player-div"); 以上是使用阿里云视频云播放器自适应父容器的示例,您可以根据实际情况进行配置。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。