<template>
<view class="container">
<view style="width: 100%;height: 100%;text-align: center;" v-html="videoHTML"> </view>
<movable-area class="movable-area">
<movable-view class="movable-view" :x="weixin_moveable_x" :y="weixin_moveable_y" direction="all" @tap="wx_pro_refresh">
<view class="float-btn">刷新</view>
<view class="moveable">可拖动</view>
</movable-view>
</movable-area>
</view>
</template>
<script>
// 配置公共方法
export default {
data() {
return {
videoUrl:'https://***',
weixin_moveable_x:320,
weixin_moveable_y:450
};
},
computed: {
videoHTML() {
return `<video class="video" src="${this.videoUrl}" autoplay="true" play-strategy="3" controls style="width:100%;height:320rpx"></video>`
}
},
methods: {
wx_pro_refresh(){
var _this = this;
},
}
};
</script>
<style lang="less">
</style>
解决uniapp视频层级太高的问题
于 2024-08-23 03:09:34 首次发布