收藏
回答

新人求解 怎么在video上放弹幕

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 video 客户端 6.7.3 2.3.2

想要在video上放弹幕该怎么办


回答关注问题邀请回答
收藏

2 个回答

  • 拾忆
    拾忆
    2018-12-04

    看文档:https://developers.weixin.qq.com/miniprogram/dev/component/video.html

    在开发者工具中预览效果

    2018-12-04
    有用
    回复 2
    • 任人人
      任人人
      2018-12-04

      我希望弹幕的内容是从后台拉数据

      2018-12-04
      回复
    • 任人人
      任人人
      2018-12-04回复任人人

      间隔几秒时间拉一次数据

      2018-12-04
      回复
  • Stephen
    Stephen
    2018-12-04

    danmu-list属性  如果想自定义弹幕 了解下 https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html

    2018-12-04
    有用
    回复 9
    • 任人人
      任人人
      2018-12-04

      <video id="polyvVideo" class="vp-v" src="{{videoSrc}}" bindtimeupdate="timeUpdate" autoplay>

      <cover-view id="video-cover">

      <cover-view class="barrage-box doommview">

      <cover-view wx:for="{{barrageList}}" wx:key="id">

      <cover-view class="aon" style="animation: first {{item.time}}s linear forwards;top:{{item.top}}%;color:{{item.color}};">

      {{item.text}}

      </cover-view>

      </cover-view>

      </cover-view>

      <cover-view bindtap='isSendBarrage' id='is-barrage'>

      <cover-image wx:if="{{isBarrage}}" class="img" src="../../images/doommOpen.png"/>

      <cover-image wx:else class="img" src="../../images/doommClose.png"/>

      </cover-view>

      <cover-view bindtap='sendBarrageIpt' wx:if="{{isBarrage}}" id="send-icon">

      <cover-image class="img" src="../../images/sendDoomm.png"/>

      </cover-view>

      </cover-view>

      </video>

      我是这么写的   barrageList是从后台获取到的弹幕   在开发者工具上正常  但是在真机上弹幕就显示不出来

      2018-12-04
      回复
    • Stephen
      Stephen
      2018-12-04回复任人人

      开下调试模式

      2018-12-04
      回复
    • 任人人
      任人人
      2018-12-04回复Stephen

      调试模式是开着的

      2018-12-04
      回复
    • Stephen
      Stephen
      2018-12-04回复任人人

      仔细看了下你的代码 你是用video包住cover-view的 你试下把video放下面去 两个是平级的

      2018-12-04
      回复
    • 任人人
      任人人
      2018-12-04回复Stephen

      不行  还是被覆盖了

      2018-12-04
      回复
    查看更多(4)
登录 后发表内容