前端依赖库--DPlayer自定义控制栏、事件

有此需求能换就换吧,实在像我一样不能换的,那就一起改改源码吧。

一、自定义控制栏,步骤如下(以增加一个倍速按钮为例子)

1.修改ui模板:

<!-- 文件:player.art -->

<!-- 右侧按钮容器 -->
<div class="dplayer-icons dplayer-icons-right">
    <!-- 新增一个按钮 -->
    <div class="dplayer-speed">
            <!-- 显示的按钮 -->
            <button class="dplayer-icon dplayer-speed-icon" data-balloon="{
  { tran('Setting') }}" data-balloon-pos="up">
                <span class="dplayer-icon-content"><span class="speed-value">1</span>倍</span>
            </button>
            <!-- 弹出的菜单 没有可略 -->
            <div class="dplayer-speed-box">
                {
  { each options.playbackSpeed }}
                    <div class="dplayer-speed-speed-item" data-speed=
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值