|
@@ -27,14 +27,7 @@ export default defineComponent({
|
|
|
const videoItem = ref()
|
|
|
const videoID = 'video' + Date.now() + Math.floor(Math.random() * 100)
|
|
|
|
|
|
- onMounted(() => {
|
|
|
- videoItem.value = TCPlayer(videoID, {
|
|
|
- appID: '',
|
|
|
- controls: false,
|
|
|
- loop: item.value.loop,
|
|
|
- muted: item.value.muted
|
|
|
- // autoplay: true
|
|
|
- }) // player-container-id 为播放器容器 ID,必须与 html 中一致
|
|
|
+ const __init = () => {
|
|
|
if (videoItem.value) {
|
|
|
videoItem.value.poster(props.item.coverImg) // 封面
|
|
|
videoItem.value.src(item.value.content) // url 播放地址
|
|
@@ -81,7 +74,8 @@ export default defineComponent({
|
|
|
item.value.muted = false
|
|
|
videoItem.value.muted(false)
|
|
|
videoItem.value.volume(1)
|
|
|
- item.value.videoEle.pause()
|
|
|
+ // item.value.videoEle.pause()
|
|
|
+ videoItem.value.pause()
|
|
|
}
|
|
|
})
|
|
|
|
|
@@ -90,7 +84,26 @@ export default defineComponent({
|
|
|
emit('error')
|
|
|
})
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ videoItem.value = TCPlayer(videoID, {
|
|
|
+ appID: '',
|
|
|
+ controls: false,
|
|
|
+ loop: item.value.loop,
|
|
|
+ muted: item.value.muted
|
|
|
+ // autoplay: true
|
|
|
+ }) // player-container-id 为播放器容器 ID,必须与 html 中一致
|
|
|
+
|
|
|
+ __init()
|
|
|
})
|
|
|
+
|
|
|
+ watch(
|
|
|
+ () => props.item,
|
|
|
+ () => {
|
|
|
+ __init()
|
|
|
+ }
|
|
|
+ )
|
|
|
return () => (
|
|
|
<>
|
|
|
<div
|