|
@@ -82,14 +82,6 @@ async function handleEnded() {
|
|
|
});
|
|
});
|
|
|
break
|
|
break
|
|
|
case 2:
|
|
case 2:
|
|
|
- router.push({
|
|
|
|
|
- path: "/pages/catalog/web-view",
|
|
|
|
|
- query: {
|
|
|
|
|
- src: data.value.webviewSrc,
|
|
|
|
|
- progress: progress2.value,
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- break
|
|
|
|
|
case 4:
|
|
case 4:
|
|
|
case 5:
|
|
case 5:
|
|
|
case 6:
|
|
case 6:
|
|
@@ -120,25 +112,25 @@ watchEffect(() => {
|
|
|
if (progress.value === 1) {
|
|
if (progress.value === 1) {
|
|
|
switch (progress2.value) {
|
|
switch (progress2.value) {
|
|
|
case 1:
|
|
case 1:
|
|
|
- data.value.videoSrc = course.value?.detailItem?.observeVideoPath || data.value.videoSrc
|
|
|
|
|
- data.value.webviewSrc = course.value?.detailItem?.observeAnimationPath || data.value.webviewSrc
|
|
|
|
|
|
|
+ data.value.videoSrc = course.value?.detailItem?.observeVideoPath
|
|
|
|
|
+ data.value.webviewSrc = course.value?.detailItem?.observeAnimationPath
|
|
|
break
|
|
break
|
|
|
case 2:
|
|
case 2:
|
|
|
- data.value.videoSrc = course.value?.detailItem?.questionVideoPath || data.value.videoSrc
|
|
|
|
|
|
|
+ data.value.videoSrc = course.value?.detailItem?.questionVideoPath
|
|
|
break
|
|
break
|
|
|
case 3:
|
|
case 3:
|
|
|
- data.value.webviewSrc = course.value?.detailItem?.assumeAnimationPath || data.value.webviewSrc
|
|
|
|
|
- router.push({
|
|
|
|
|
- path: "/pages/catalog/web-view",
|
|
|
|
|
- query: {
|
|
|
|
|
- src: data.value.webviewSrc,
|
|
|
|
|
- progress: progress2.value,
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // data.value.webviewSrc = course.value?.detailItem?.assumeAnimationPath || data.value.webviewSrc
|
|
|
|
|
+ // router.push({
|
|
|
|
|
+ // path: "/pages/catalog/web-view",
|
|
|
|
|
+ // query: {
|
|
|
|
|
+ // src: data.value.webviewSrc,
|
|
|
|
|
+ // progress: progress2.value,
|
|
|
|
|
+ // }
|
|
|
|
|
+ // });
|
|
|
break
|
|
break
|
|
|
case 4:
|
|
case 4:
|
|
|
// data.value.videoSrc = course.value?.detailItem?.testVideoPath || data.value.videoSrc
|
|
// data.value.videoSrc = course.value?.detailItem?.testVideoPath || data.value.videoSrc
|
|
|
- data.value.webviewSrc = course.value?.detailItem?.testAnimationPath || data.value.webviewSrc
|
|
|
|
|
|
|
+ data.value.webviewSrc = course.value?.detailItem?.testAnimationPath
|
|
|
router.push({
|
|
router.push({
|
|
|
path: "/pages/catalog/web-view",
|
|
path: "/pages/catalog/web-view",
|
|
|
query: {
|
|
query: {
|
|
@@ -148,10 +140,10 @@ watchEffect(() => {
|
|
|
});
|
|
});
|
|
|
break
|
|
break
|
|
|
case 5:
|
|
case 5:
|
|
|
- data.value.videoSrc = course.value?.detailItem?.summaryVideoPath || data.value.videoSrc
|
|
|
|
|
|
|
+ data.value.videoSrc = course.value?.detailItem?.summaryVideoPath
|
|
|
break
|
|
break
|
|
|
case 6:
|
|
case 6:
|
|
|
- data.value.videoSrc = course.value?.detailItem?.expandVideoPath || data.value.videoSrc
|
|
|
|
|
|
|
+ data.value.videoSrc = course.value?.detailItem?.expandVideoPath
|
|
|
break
|
|
break
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -166,10 +158,17 @@ function handleMessage(e) {
|
|
|
<Back v-show="showProgress" />
|
|
<Back v-show="showProgress" />
|
|
|
<view class="w-[64vw] h-[36vw] absolute top-1/2 z-[1] left-[7vw] translate50"
|
|
<view class="w-[64vw] h-[36vw] absolute top-1/2 z-[1] left-[7vw] translate50"
|
|
|
:class="{ ' rounded-2xl p-[3px] bg-black mt-[25px] ': showProgress, 'video-container': !showProgress }">
|
|
:class="{ ' rounded-2xl p-[3px] bg-black mt-[25px] ': showProgress, 'video-container': !showProgress }">
|
|
|
- <video id="video1" class="w-full h-full " :class="{ 'rounded-2xl': showProgress }" :src="data.videoSrc"
|
|
|
|
|
- :show-center-play-btn="false" :show-background-playback-button="false" :show-fullscreen-btn="false"
|
|
|
|
|
- :show-casting-button="false" autoplay @controlstoggle="handleControlsToggle" @ended="handleEnded">
|
|
|
|
|
|
|
+ <video v-if="progress2 !== 3" id="video1" class="w-full h-full " :class="{ 'rounded-2xl': showProgress }"
|
|
|
|
|
+ :src="data.videoSrc" :show-center-play-btn="false" :show-background-playback-button="false"
|
|
|
|
|
+ :show-fullscreen-btn="false" :show-casting-button="false" autoplay @controlstoggle="handleControlsToggle"
|
|
|
|
|
+ @ended="handleEnded">
|
|
|
</video>
|
|
</video>
|
|
|
|
|
+ <view v-else class="w-full h-full ">
|
|
|
|
|
+ <img src="https://oss.xiaoxiongcode.com/static/home/2.png" alt="" class="w-full h-full object-cover" />
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
<view class="video-fullscreen_title" v-show="showControls && !showProgress">
|
|
<view class="video-fullscreen_title" v-show="showControls && !showProgress">
|
|
|
<Back />
|
|
<Back />
|
|
|
<view class="text-[20px] font-bold text-white">
|
|
<view class="text-[20px] font-bold text-white">
|