提交 ce085688 authored 作者: lidongxu's avatar lidongxu

Merge branch 'release' into dev

...@@ -83,6 +83,8 @@ ...@@ -83,6 +83,8 @@
:src="url" :src="url"
ref="videoRef" ref="videoRef"
alt="" alt=""
muted
autoplay
class="preview-media" /> class="preview-media" />
<div class="play-hint" <div class="play-hint"
@click.stop="showVideoFullscreen(url)"> @click.stop="showVideoFullscreen(url)">
...@@ -487,13 +489,6 @@ const showVideoFullscreen = async (url) => { ...@@ -487,13 +489,6 @@ const showVideoFullscreen = async (url) => {
if (!video) return; if (!video) return;
try { try {
// 如果未全屏,则请求全屏
if (!document.fullscreenElement) {
await video.requestFullscreen().catch(err => {
console.error('全屏请求失败:', err);
});
}
// 控制播放/暂停 // 控制播放/暂停
if (video.paused) { if (video.paused) {
await video.play(); await video.play();
...@@ -502,8 +497,36 @@ const showVideoFullscreen = async (url) => { ...@@ -502,8 +497,36 @@ const showVideoFullscreen = async (url) => {
video.pause(); video.pause();
isPlaying.value = false; 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) { } catch (err) {
console.error('视频操作失败:', 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 }) => { ...@@ -753,13 +776,13 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
} }
::v-deep(.van-uploader__file) { ::v-deep(.van-uploader__file) {
.van-badge__wrapper { /* .van-badge__wrapper {
display: none; display: none;
} }
.van-ellipsis { .van-ellipsis {
display: none; display: none;
} } */
} }
.upload-text { .upload-text {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论