59 lines
1.0 KiB
Plaintext
Executable File
59 lines
1.0 KiB
Plaintext
Executable File
<template>
|
|
<view class="prpage">
|
|
<video
|
|
class="prvideo"
|
|
:style="{ height: screenSafeHeight + 'px' }"
|
|
:src="videoUrl"
|
|
autoplay="true"
|
|
controls="true"
|
|
:object-fit="objectFit"
|
|
></video>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
let system = uni.getSystemInfoSync();
|
|
export default {
|
|
data() {
|
|
return {
|
|
videoUrl: '',
|
|
objectFit: 'fill',
|
|
screenSafeHeight: system.safeArea.bottom
|
|
};
|
|
},
|
|
onLoad(params) {
|
|
let me = this;
|
|
var path = params.videoUrl;
|
|
var fileName = path.split('/').pop();
|
|
// let videoUrl = 'https://wuzhongjie.com.cn/vlogData/' + fileName;
|
|
let videoUrl = params.localFile;
|
|
this.videoUrl = videoUrl;
|
|
let width = parseInt(params.width);
|
|
let height = parseInt(params.height);
|
|
this.width = width;
|
|
this.height = height;
|
|
|
|
if (width >= height) {
|
|
me.objectFit = 'contain';
|
|
} else {
|
|
me.objectFit = 'fill';
|
|
}
|
|
},
|
|
methods: {}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.prpage {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background-color: #181b27;
|
|
}
|
|
.prvideo {
|
|
width: 750rpx;
|
|
}
|
|
</style>
|