Video plays from start each time you click on seekbar

[ijunaid8989]

This is how I am doing it

import "video.js/dist/video-js.css"
import { videoPlayer } from "vue-video-player"


export default {
  name: "Gallery",
  components: {
    videoPlayer
  },

  computed: {
    ...mapGetters(["token"]),
    playerOptions() {
      let url = ""
      switch (this.archive.type) {
        case "clip":
          url = `${process.env.API_URL}/cameras/${this.archive.camera_id}/archives/${this.archive.id}.mp4?authorization=${this.token}`
          break
        case "compare":
          url = `${process.env.API_URL}/cameras/${this.archive.camera_id}/compares/${this.archive.id}.mp4?authorization=${this.token}`
          break
        case "timelapse":
          url = `${process.env.API_URL}/cameras/${this.archive.camera_id}/timelapse/${this.archive.id}/play?authorization=${this.token}`
          break
      }
      return {
        height: "360",
        muted: false,
        autoplay: true,
        loop: true,
        preload: "auto",
        fluid: true,
        language: "en",
        sources: [
          {
            type: "video/mp4",
            src: url
          }
        ]
      }
    },

and in main file.

          <video-player
            v-else
            ref="videoPlayer"
            :playsinline="true"
            class="video-player-box vjs-custom-skin"
            :options="playerOptions"
          />

I am having 2 issues:

If during video play, I click anywhere on seek bar, the video starts from the beginning..
And also it doesn't buffer the video, can you tell me where I am doing things wrong?

[samul-1]

Same issue here. It appears to depend on the backend, but I haven't been able to exactly determine what makes it work with one backend and not with another one. It seems to have something to do with the ability to stream videos from the backend.