uniapp 点击video全屏播放
话不多说直接上代码
<video :id="item.id" @play="playFullscreen(item.id)" :src="$IMG_URL+item.video"></video>
不要写点击事件@click 不会生效的 要写@play播放事件 以上代码中由于作者需循环渲染video 故id是动态的 如果没有动态的需求也可以写死
playFullscreen(id) { uni.createVideoContext(id.toString(), this).requestFullScreen(); },
由于作者传过来的id为number类型 而此处又需要string类型的id名 故在此做了转换 各位按实际情况来就行 this参数写死 不需要动
————————记录于2023.10.08
本文作者:silencesuzuka
本文链接:https://www.cnblogs.com/silencesuzuka/p/17749412.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步