处理ios兼容性问题

components/my-video-list/list-item.vue

@@ -2,7 +2,9 @@
 	<view class="item" @appear="appear" @disappear="disappear" @click.stop 	:style="{height:height+'px'}">
 
 		<video class="u-flex-1 video" :show-fullscreen-btn="false" @controlstoggle="controlstoggles" v-if="showVideo"
-	
+			play-btn-position="center"
+			show-center-play-btn
+			:show-play-btn="false"
 			@timeupdate="timeupdate" @waiting="waiting()" object-fit="cover" @pause="onpause" @click="videoClick()"
 			@play="videoPlay('myVideo'+item.courseDetailsId,item.courseDetailsId)" :play-strategy="2"
 			:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="loop"
@@ -334,7 +336,7 @@
 
 	const infoStyle = computed(() => {
 		return {
-			transform: `translateX(${(!isPlying.value||!props.item.videoUrl)?0:'-110%'})`
+			transform: `translateX(${(!isPlying.value||!props.item.videoUrl)?0:'-750rpx'})`
 		}
 	})
 
@@ -411,7 +413,7 @@
 		color: #ffffff;
 		font-size: 15px;
 		z-index: 9999;
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 	}
 
 	.u-flex-y-center {
@@ -426,7 +428,7 @@
 	}
 
 	.right {
-		transition: all .3s ease-in-out;
+		transition: transform .3s ease-in-out;
 		position: absolute !important;
 		right: 20rpx;
 		/* #ifdef H5 */
@@ -434,7 +436,7 @@
 		transform: translateY(-50%);
 		/* #endif */
 		/* #ifdef APP */
-		top: 500px;
+		bottom: 100px;
 		/* #endif */
 		z-index: 999;
 		color: #fff;