vue3中使用fullpage.js滚动时video视频会停止播放如何解决

Question

vue3中使用fullpage.js滚动时video视频会停止播放如何解决

<full-page ref="fullpage" :options="options" id="fullpage">
      <div class="section">First section ...</div>
      <div class="section">Second section ...</div>
      <div class="section">
        <swiper-video></swiper-video>
      </div>
</full-page>

<video class="video" x5-video-player-type="h5" x-webkit-airplay="true" webkit-playsinline="true" loop="true"
     autoplay="true" muted="true" controls>
     <source :src="i" type="video/mp4">

没有思路

想知道背后的原因以及如何让其一直保持自动播放

Answer 1

试试这个 data-keepplaying

// data-keepplaying
<audio data-keepplaying>
    <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
</audio>