|
@@ -59,11 +59,11 @@ export default defineComponent({
|
|
|
videoItem.value?.pause();
|
|
|
});
|
|
|
// console.log(props.item, item.value, props.isMember, '-----');
|
|
|
- videoItem.value.poster(props.item.coverImg); // 封面
|
|
|
- videoItem.value.src(props.item.content); // url 播放地址
|
|
|
- videoItem.value.loop(props.item.loop);
|
|
|
- // videoItem.value.muted(props.item.muted)
|
|
|
- videoItem.value.autoplay(props.item.autoplay);
|
|
|
+ videoItem.value.poster(item.value.coverImg); // 封面
|
|
|
+ videoItem.value.src(item.value.content); // url 播放地址
|
|
|
+ videoItem.value.loop(item.value.loop);
|
|
|
+ // videoItem.value.muted(item.value.muted)
|
|
|
+ videoItem.value.autoplay(item.value.autoplay);
|
|
|
|
|
|
// 初步加载时
|
|
|
videoItem.value.one('loadedmetadata', () => {
|
|
@@ -73,18 +73,17 @@ export default defineComponent({
|
|
|
item.value.videoEle = videoEle;
|
|
|
item.value.loaded = true;
|
|
|
emit('loadedmetadata', videoItem.value);
|
|
|
-
|
|
|
- if (item.value.autoplay && videoItem.value) {
|
|
|
- item.value.muted = false;
|
|
|
+ item.value.muted = false;
|
|
|
videoItem.value?.muted(false);
|
|
|
videoItem.value?.volume(1);
|
|
|
- // videoItem.value?.pause()
|
|
|
+ if (item.value.autoplay && videoItem.value) {
|
|
|
videoItem.value?.play();
|
|
|
} else {
|
|
|
- item.value.muted = false;
|
|
|
- videoItem.value?.muted(false);
|
|
|
- videoItem.value?.volume(1);
|
|
|
+ // console.log(item.value, videoItem.value, 'loadedmetadata')
|
|
|
videoItem.value?.pause();
|
|
|
+ setTimeout(() => {
|
|
|
+ videoItem.value?.pause();
|
|
|
+ }, 100);
|
|
|
}
|
|
|
});
|
|
|
|
|
@@ -159,6 +158,7 @@ export default defineComponent({
|
|
|
() => props.item,
|
|
|
() => {
|
|
|
// item.value.videoEle?.pause()
|
|
|
+ videoItem.value.autoplay(item.value.autoplay);
|
|
|
__init();
|
|
|
}
|
|
|
);
|