E企盈小程序营销工具技术服务商 热线:4006-838-530

小程序video视频组件封面显示失效问题

E企盈小程序直播系统

相信很多制作或者学习小程序的同行可能会遇到这个问题,话不多说,上解决办法相信很多制作或者学习小程序的同行可能会遇到这个问题,话不多说,上解决办法//这里是一个video组件,但是因为video视屏组件的封面属性闪现失效问题,//我在video组件中写了一个cover-view//(这里注意,它会覆盖掉视屏,但是不会覆盖播放按钮,在video组件中给播放按钮添加一个单击事件bindplay=”bindplay”)//wxss文件.tab_con_img{background: url(“http://p2.so.qhimgs1.com/t019ffe68eb65f668ae.jpg”);position: absolute;top: 60rpx;width: 690rpx;border: 0rpx;background-color: red;height: 390rpx;}//wxml文件video class=’tab_con_img’ bindplay=”bindplay” src=”http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400″ enable-danmu controls=”true” page-gesture cover-view class=”controls” style=”display:{{tab_image}}”cover-image class=”img” src=”../../image/z5.png” //cover-view/videoJs文件data: {tab_image: “block” //默认显示封面图片},//这里点击播放按钮事件,播放视屏【把封面图片隐藏】bindplay: function(e) {this.setData({tab_image: “none”})}

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序video视频组件封面显示失效问题
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏