微信小程序video 点击自动全屏播放

//因为这个地址可能是图片也可能是视频  点击 图片可以预览，点击视频可放大全屏自动播放。 代码如下
<view v-else :class='{contentImg: x.picture.length==0}' style="margin-top: 10px;"v-for="(x1, y1) in x.picture" :key="y"><image v-if="imgType.includes(x.picture[y1].split('.').pop())" style="width: 217px;height: 167px; margin-top: 14px"  :src="x.picture[y1]" @click="yulan(x.picture,y)"></image><video  :id="'video_play'+x.id" v-else style="width: 217px;height: 167px; margin-top: 14px" @play="playVedio(x.id)" @fullscreenchange="fullscreenchange" :src="x.picture[y1]" :poster="x.capture_videos_img" controls   ></video></view><script>	methods: {				yulan(url,index){uni.previewImage({urls: url, // 图片地址，urls是数组格式current: index, // 选填：图片默认打开第一张；第一次打开的图片url地址success: function(res) {console.log("333",res)},fail: function(res) {console.log("22",res)},complete: function(res) {},})},playVedio(index){this.indexVideo=index;//此处需要注意一下，因为是for循环里边的视频或者图片吗，这里id要保持唯一，不然会出现无论点击哪一个都会播放同一个视频的情况。this.videoContext=uni.createVideoContext("video_play"+index,this);//进入全屏状态this.videoContext.requestFullScreen();},fullscreenchange(e) {if (!e.detail.fullScreen) {uni.createVideoContext('video_play'+this.indexVideo, this).pause();} }}<script>

相关文章：

Sora：新一代实时音视频通信框架

C++ template-2

android之Cordova 5.3.1 Android 应用无法上网

Oracle使用exp和imp命令实现数据库导出导入

基于PSO优化的CNN多输入分类预测（Matlab）粒子群算法优化卷积神经网络分类预测

懒汉单例设计模式与饿汉单例设计模式

【Android 13】使用Android Studio调试系统应用之Settings移植（十）：外部模块依赖WifiTrackerLibRes的移植

rocketMQ-Dashboard安装与部署

Linux编辑器——Vim详解

[计算机网络]---UDP协议

基于python社交网络大数据分析系统的设计与实现

HTML学习笔记——08：表单＜form＞

计算机网络课后第一章问答题

Java 9 响应式流（Reactive Streams）

回显服务器

IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)

bootstrap创建登录注册页面

ECMAScript6(0)：ES6简明参考手册

javascript 总结（常用工具类的封装）

python学习笔记－类对象的信息

Python学习之路16-使用API

Vue学习第二天

第三十一到第三十三天：我是精明的小卖家（一）

官方解决所有 npm 全局安装权限问题

基于遗传算法的优化问题求解

跨域

怎么把视频里的音乐提取出来

白色的风信子

国内开源镜像站点

​​​​​​​GitLab 之 GitLab-Runner 安装，配置与问题汇总

# Python csv、xlsx、json、二进制(MP3) 文件读写基本使用

#我与Java虚拟机的故事#连载02：“小蓝”陪伴的日日夜夜

(function(){})()的分步解析

(LeetCode) T14. Longest Common Prefix

（七）Knockout 创建自定义绑定

(正则)提取页面里的img标签

(转载)OpenStack Hacker养成指南

(转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据

.360、.halo勒索病毒的最新威胁：如何恢复您的数据？

.NET 6 在已知拓扑路径的情况下使用 Dijkstra，A*算法搜索最短路径

.NET BackgroundWorker

.NET 设计模式初探

.NET/C# 使用反射调用含 ref 或 out 参数的方法

.NET6 开发一个检查某些状态持续多长时间的类

.net利用SQLBulkCopy进行数据库之间的大批量数据传递

.so文件(linux系统)

[]C/C++读取串口接收到的数据程序

[AIGC] Java 和 Kotlin 的区别

[AIGC] MySQL存储引擎详解

[Android Studio] 开发Java 程序

[Angular 基础] - 指令(directives)

[BZOJ] 2044: 三维导弹拦截

[c++] 什么是平凡类型，标准布局类型，POD类型，聚合体

[GN] 后端接口已经写好 初次布局前端需要的操作（例）

[HNOI2018]排列