如何让小程序播放视频窗口根据视频的横竖来改变

如何让小程序播放视频窗口根据视频的横竖来改变,第1张

正常video的宽高是固定的,如果要根据视频的横竖来改变,可以后台传值设置宽高,比如:

Page({data:{

video:{src:'视频播放地址',width:'750rpx',height:'500rpx'}

}})

<video src="{{video.src}}" style="width:{{video.width||750}}rpxheight:{{video.height||320}}rpx"></video>

你好。

关于微信小程序把video固定在页面顶端的问题,解决方案如下:

1.video fixed布局会造成:视频移动,黑色底留下

2.flex布局,video固定高度,自适应部分用scroll-view, 代码如下:

.grid-box{

width: 100%

height: 100%

display: flex

flex-direction: column

}

.grid-const{width: 750rpxheight: 422rpx}

.grid-var{flex: 1}

.content{height: 100%}

以上代码可以满足需求,但是下拉页面,video还是会跟着移动

3.最终解决方案,禁止页面Page滚动:

在json配置文件中添加:“disableScroll”:true

经测试,页面效果和腾讯视频一致。

您好,微信小程序横屏不能全屏极倔方法如下:1、首先打开微信,很多人由于打开了方向锁定,使得微信的界面是这种情况。2、我们可以点开控制中心,即界面上的小圆圈,,点击控制中心。3、点击锁一样的小图标,即关闭方向锁定,然后让手机竖直放置,使所有屏幕竖直转动。4、竖直放置后,原来的微信界面就会变成全屏模式。5、如果想一直是全屏模式,则仍然需要打开控制中心。6、点开控制中心,再点击小锁一样的图标,打开方向锁定。这样,微信就锁定为全屏模式了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12152736.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存