HTML не запускает видео на локальном хосте

Question

Я хочу добавить простое видео в мой проект.Я работаю с aurelia как front-end и webpack.Когда я открываю видео в основном html-файле (не на localhost), видео работает отлично, но когда я ввожу тот же код в мой проект, видео не загружается.

мой файл webpack.config выглядит так

{
  test: /\.(mov|mp4)$/,
  use: [
    {
      loader: 'file-loader',
      options: {
        outputPath: "src/"
      }
    }
  ]
}

HTML, где я хочу загрузить видео выглядит следующим образом

<video width="500" height="350" controls playsinline autoplay muted loop>
  <source src="../dalifinal2.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

Путь src в порядке.я не знаю, в чем проблема, спасибо

Answer 1

У вас нет нужного каталога, попробуйте с этим <source src="dalifinal2.mp4" type="video/mp4">, потому что ваш фильм находится в /src корневом каталоге

Answer 2

.. / указывает URL на один каталог назад, поэтому предположим, что ваш HTML-файл находится в

 localhost/html/index.html 

и с использованием этого кода видео должно быть в

localhost/dalifinal2.mp4

если вы хотите, чтобы ваше видео находилось в том же каталоге, что и ваш HTML-файл, пропустите .. /

Answer 3

измените свой код Your browser does not support HTML5 video. НА Your browser does not support the video tag., как показано ниже, и попробуйте снова

    <video width="500" height="350" controls playsinline autoplay muted loop>
        <source src="../dalifinal2.mp4" type="video/mp4">
         Your browser does not support the video tag.
    </video>

УБЕДИТЕСЬ, ЧТО ВАША ВИДЕО SRC УКАЗЫВАЕТ НА ПРАВИЛЬНЫЙ URL