小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想要在video上放弹幕该怎么办
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
看文档:https://developers.weixin.qq.com/miniprogram/dev/component/video.html
在开发者工具中预览效果
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我希望弹幕的内容是从后台拉数据
间隔几秒时间拉一次数据
danmu-list属性 如果想自定义弹幕 了解下 https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
<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 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 bindtap='sendBarrageIpt' wx:if="{{isBarrage}}" id="send-icon">
<cover-image class="img" src="../../images/sendDoomm.png"/>
</video>
我是这么写的 barrageList是从后台获取到的弹幕 在开发者工具上正常 但是在真机上弹幕就显示不出来
开下调试模式
调试模式是开着的
仔细看了下你的代码 你是用video包住cover-view的 你试下把video放下面去 两个是平级的
不行 还是被覆盖了
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
看文档:https://developers.weixin.qq.com/miniprogram/dev/component/video.html
在开发者工具中预览效果
我希望弹幕的内容是从后台拉数据
间隔几秒时间拉一次数据
danmu-list属性 如果想自定义弹幕 了解下 https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
<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是从后台获取到的弹幕 在开发者工具上正常 但是在真机上弹幕就显示不出来
开下调试模式
调试模式是开着的
仔细看了下你的代码 你是用video包住cover-view的 你试下把video放下面去 两个是平级的
不行 还是被覆盖了