项目背景:使用uniapp写小程序,播放实时画面要求打开视频后横屏+自动播放+不静音。
1. uniapp配置横屏
{
"path": "pages/monitor/chargingPileVidoDetail",
"style": {
"navigationBarTitleText": "监控详情",
"pageOrientation": "landscape", //重点
"enablePullDownRefresh": false, //重点
"disableScroll": true //重点
}
},
2.一共有2个页面 。
a.页面 放视频监控图片后端返回的数据里面有*图片*(监控最后一次播放的当时画面)。
b.页面 放视频监控实时视频。
a.页面代码
<template>
<div>
<uni-grid class="grid" :showBorder="false" :column="2" :highlight="true" :square="false">
<uni-grid-item v-for="(item, index) in lives" :index="index" :key="index">
<div @click="change(item, index+1)" class="live_list">
<div class="live_title">
<span class='circle-online'></span>
<text>视频监控位置{
{ index+1 }}</text>
</div>
<img mode="widt