开发者社区> 问答> 正文

如何调整H5播放器的播放按钮的大小和位置?

如何调整H5播放器的播放按钮的大小和位置?

展开
收起
保持可爱mmm 2020-03-30 14:21:24 2154 0
1 条回答
写回答
取消 提交回答
  • 重写CSS,比如减小一倍:

    .prism-player .prism-big-play-btn { width: 45px; height: 45px; background-size: 128px 256px; } 位置可以通过设置skinLayout里bigPlayButton的x,y属性:

    skinLayout: [
    {name: "bigPlayButton", align: "blabs", x: 30, y: 80}, { name: "H5Loading", align: "cc" }, { name: "controlBar", align: "blabs", x: 0, y: 0, children: [ {name: "progress", align: "tlabs", x: 0, y: 0}, {name: "playButton", align: "tl", x: 15, y: 26}, {name: "timeDisplay", align: "tl", x: 10, y: 24}, {name: "fullScreenButton", align: "tr", x: 20, y: 25}, {name: "volume", align: "tr", x: 20, y: 25}, ] } ]

    2020-03-30 14:27:17
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
全景视频的播放及优化 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载