Struggling to load local files

I’m trying to load an array of video files using the code below. It works with npm run serve and builds with npm run electron:build but the build does not load the files. I have tried lots of suggestions from #47 but none of them seem to work. I’m on OSX.

<template>
    <div v-for="(element, index) in media" :key="index">
        <div :class="{ hidden : index != currentIndex }">
            <video ref="video" :src="getVideo(index)" type="video/mp4" preload="auto" @ended="videoEnded"></video>
        </div>
    </div>
    <button @click="playPause">
        <span v-if="!isPlaying">Play</span>
        <span v-else>Pause</span>
    </button>
</template>

export default {
  name: "Test",
  data() {
    return {
      media: ["video1.mp4", "video2.mp4", "video3.mp4", "video4.mp4"],
      currentIndex: 0,
      isPlaying: false,
    };
  },
  methods: {
    getVideo(index) {
      return require("../assets/" + this.media[index]);
    },
    videoEnded() {
      this.nextVideo();
    },
    nextVideo() {
      this.pause();
      this.currentIndex++;
      this.play();
    },
    playPause() {
      if (this.isPlaying) {
        this.pause();
        this.isPlaying = false;
      } else {
        this.play();
        this.isPlaying = true;
      }
    },
    play() {
      this.$refs.video[this.currentIndex].play();
    },
    pause() {
      if (this.$refs.video[this.currentIndex].readyState == 4) {
        this.$refs.video[this.currentIndex].pause();
      }
    },
  },
};

[Blunderchips]

@nklayman getting this issue on linux. media files are just missing. works when served but not when built.

[no-response[bot]]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don’t have enough information to take action. Please reach out if you have or find the answers we need so that we can investigate further.