提交 83bcf68a authored 作者: lidongxu's avatar lidongxu

test(inspectiontask/index.vue): 测试:勤策移动端_售点稽查_拍照测试安卓手机是否视频可用

上级 5442cb58
......@@ -83,6 +83,8 @@
:src="url"
ref="videoRef"
alt=""
muted
autoplay
class="preview-media" />
<div class="play-hint"
@click.stop="showVideoFullscreen(url)">
......@@ -487,13 +489,6 @@ const showVideoFullscreen = async (url) => {
if (!video) return;
try {
// 如果未全屏,则请求全屏
if (!document.fullscreenElement) {
await video.requestFullscreen().catch(err => {
console.error('全屏请求失败:', err);
});
}
// 控制播放/暂停
if (video.paused) {
await video.play();
......@@ -502,8 +497,36 @@ const showVideoFullscreen = async (url) => {
video.pause();
isPlaying.value = false;
}
// 请求全屏(跨浏览器兼容)
if (!document.fullscreenElement) {
// 尝试标准API和各种浏览器前缀
if (video.requestFullscreen) {
await video.requestFullscreen().catch(err => {
console.error('标准全屏API失败:', err);
});
}
// iOS Safari兼容
else if (video.webkitEnterFullscreen) {
// iOS 12及以下版本专用API
video.webkitEnterFullscreen();
}
else if (video.webkitRequestFullscreen) {
await video.webkitRequestFullscreen().catch(err => {
console.error('WebKit全屏API失败:', err);
});
}
// 如果所有全屏API都失败,至少确保视频可以播放
}
} catch (err) {
console.error('视频操作失败:', err);
// 失败时提供降级体验
try {
await video.play();
isPlaying.value = true;
} catch (innerErr) {
console.error('降级播放也失败:', innerErr);
}
}
};
......@@ -753,13 +776,13 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
}
::v-deep(.van-uploader__file) {
.van-badge__wrapper {
/* .van-badge__wrapper {
display: none;
}
.van-ellipsis {
display: none;
}
} */
}
.upload-text {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论