|
@@ -427,50 +427,7 @@ export default defineComponent({
|
|
>
|
|
>
|
|
{m.type === 'VIDEO' ? (
|
|
{m.type === 'VIDEO' ? (
|
|
<>
|
|
<>
|
|
- <easy-player
|
|
|
|
- video-url={m.content}
|
|
|
|
- isH265={true}
|
|
|
|
- muted={m.muted}
|
|
|
|
- preload="auto"
|
|
|
|
- class="player"
|
|
|
|
- data-vid={m.id}
|
|
|
|
- src={m.content}
|
|
|
|
- loop={m.loop}
|
|
|
|
- autoplay={m.autoPlay}
|
|
|
|
- onLoadedmetadata={(e: Event) => {
|
|
|
|
- console.log('23')
|
|
|
|
- const videoEle = e.target as unknown as HTMLVideoElement
|
|
|
|
- m.currentTime = videoEle.currentTime
|
|
|
|
- m.duration = videoEle.duration
|
|
|
|
- m.videoEle = videoEle
|
|
|
|
- m.isprepare = true
|
|
|
|
- }}
|
|
|
|
- onTimeupdate={(e: Event) => {
|
|
|
|
- if (!m.isprepare) return
|
|
|
|
- const videoEle = e.target as unknown as HTMLVideoElement
|
|
|
|
- m.currentTime = videoEle.currentTime
|
|
|
|
- m.progress = Number(
|
|
|
|
- ((videoEle.currentTime / m.duration) * 100).toFixed(1)
|
|
|
|
- )
|
|
|
|
- }}
|
|
|
|
- play={() => {
|
|
|
|
- console.log('播放')
|
|
|
|
- }}
|
|
|
|
- onPlay={() => {
|
|
|
|
- // 播放
|
|
|
|
- m.paused = false
|
|
|
|
- console.log('播放')
|
|
|
|
- setModelOpen()
|
|
|
|
- m.muted = false
|
|
|
|
- }}
|
|
|
|
- onPause={() => {
|
|
|
|
- //暂停
|
|
|
|
- clearTimeout(activeData.timer)
|
|
|
|
- m.paused = true
|
|
|
|
- }}
|
|
|
|
- onEnded={() => handleEnded(m)}
|
|
|
|
- ></easy-player>
|
|
|
|
- {/* <video
|
|
|
|
|
|
+ <video
|
|
playsinline="false"
|
|
playsinline="false"
|
|
muted={m.muted}
|
|
muted={m.muted}
|
|
preload="auto"
|
|
preload="auto"
|
|
@@ -509,12 +466,12 @@ export default defineComponent({
|
|
onEnded={() => handleEnded(m)}
|
|
onEnded={() => handleEnded(m)}
|
|
>
|
|
>
|
|
<source src={m.content} type="video/mp4" />
|
|
<source src={m.content} type="video/mp4" />
|
|
- </video> */}
|
|
|
|
- {/* {m.muted && (
|
|
|
|
|
|
+ </video>
|
|
|
|
+ {m.muted && (
|
|
<div class={styles.loadWrap}>
|
|
<div class={styles.loadWrap}>
|
|
<Vue3Lottie animationData={playLoadData}></Vue3Lottie>
|
|
<Vue3Lottie animationData={playLoadData}></Vue3Lottie>
|
|
</div>
|
|
</div>
|
|
- )} */}
|
|
|
|
|
|
+ )}
|
|
<Transition name="bottom">
|
|
<Transition name="bottom">
|
|
{activeData.model && (
|
|
{activeData.model && (
|
|
<div class={[styles.bottomFixedContainer]}>
|
|
<div class={[styles.bottomFixedContainer]}>
|