视频播放优化
This commit is contained in:
@@ -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')
|
||||
}
|
||||
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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')
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user