视频播放优化

This commit is contained in:
2025-01-15 11:02:54 +08:00
parent d9ffddb436
commit a0cde5643e
3 changed files with 19 additions and 5 deletions

View File

@@ -4,7 +4,7 @@
<video class="u-flex-1 video" :show-fullscreen-btn="false" @controlstoggle="controlstoggles" v-if="showVideo"
@timeupdate="timeupdate" @waiting="waiting()" object-fit="cover" @pause="onpause" @click="videoClick()"
@play="videoPlay('myVideo'+item.courseDetailsId,item.courseDetailsId)" :play-strategy="2"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="false"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="loop"
:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
:autoplay="autoplay" @ended="ended" :id="'myVideo'+item.courseDetailsId" :src="item.videoUrl"></video>
@@ -61,7 +61,10 @@
ref,
watch
} from 'vue'
let loop=ref(false)
// #ifdef APP
loop.value=true
// #endif
const props = defineProps({
item: {
type: Object,
@@ -224,6 +227,7 @@
function ended() {
isPlying.value = false
sendPlayStatus('end')
}

View File

@@ -5,7 +5,7 @@
:controls="showControls" @timeupdate="timeupdate" @waiting="waiting()" object-fit="cover"
@pause="onpause" @click="videoClick()"
@play="videoPlay('myVideo'+item.courseDetailsId,item.courseDetailsId)" :play-strategy="2"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="false"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="loop"
:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
:autoplay="autoplay" @ended="ended" :id="'myVideo'+item.courseDetailsId" :src="item.videoUrl"></video>
@@ -62,7 +62,10 @@
ref,
watch
} from 'vue'
let loop=ref(false)
// #ifdef APP
loop.value=true
// #endif
const props = defineProps({
item: {
type: Object,

View File

@@ -4,7 +4,7 @@
<video class="u-flex-1 video" :show-fullscreen-btn="false" @controlstoggle="controlstoggles" v-if="showVideo"
@timeupdate="timeupdate" @waiting="waiting()" object-fit="cover" @pause="onpause" @click="videoClick()"
@play="videoPlay('myVideo'+item.courseDetailsId,item.courseDetailsId)" :play-strategy="2"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="false"
:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="loop"
:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
:autoplay="autoplay" @ended="ended" :id="'myVideo'+item.courseDetailsId" :src="item.videoUrl"></video>
@@ -62,6 +62,12 @@
watch
} from 'vue'
let loop = ref(false)
// #ifdef APP
loop.value = true
// #endif
const props = defineProps({
item: {
type: Object,
@@ -224,6 +230,7 @@
function ended() {
isPlying.value = false
sendPlayStatus('end')
}