<template>
<view>
<video :src="videoUrl" @play="playVedio()" @fullscreenchange="screenchange" id="video"></video>
</view>
</template>
<script>
export default {
data() {
return {
videoUrl: 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4'
};
},
methods: {
playVedio() {
uni.createVideoContext('video', this).requestFullScreen();
screen.orientation.lock('landscape');
},
screenchange() {
screen.orientation.lock('landscape');
}
}
};
</script>
<style scoped>
#video {
width: 100%;
height: 500rpx;
}
</style>
uniapp视频播放默认全屏(横屏显示)
最新推荐文章于 2024-05-14 19:37:00 发布