<template>
<view class="contianer">
<view class="cu-item" v-for="(item, index) in 5" :key="index">
<view class="text-content-title">
<text>视频样式布局样式谷歌浏览器正常，在ios模拟器偏移像素，而点击全屏返回时又正常显示</text>
</view>
<view>
<video
src="https://www.cmixgz.com/game/tyan/img/amd.mp4"
title=''
autoplay
muted
:show-fullscreen-btn='true'
:show-play-btn="false"
:show-center-play-btn="false"
:enable-progress-gesture="false"
object-fit="fill"
class="video"
></video>
</view>
</view>
</view>
</template>
export default {
data() {
return {
};
},
components: {},
onLoad(options) {
},
methods: {
}
};
.cu-item {
background-color: #ffffff;
overflow: hidden;
border-radius: 10rpx;
margin: 20rpx 30rpx;
padding-bottom: 30rpx;
}
.text-content-title {
padding: 30rpx;
margin-bottom: 20rpx;
font-size: 32rpx;
color: #333333;
}
.video {
width: 630rpx;
height: 360rpx;
margin: 0 30rpx;
}
