Как подключить статическое видео во Vue.js?

Question

[kuzubina]

Всем привет!
Подскажите плиз, как подлключить статический видео файл через html разметку во vue.js (использую vue cli)
Есть обычная разметка:

<video>
   <source src="assets/video/demo.MP4" type="video/mp4">
</video>

Файл в который я подключаю его находится в папке src/views/faq.vue
Полный путь к файлу с видео src/assets/video/demo.MP4

Видео не отображается ни в режиме разработки ни при сборке проекта

Comments

[Михаил]

эмм, в public его положить?

[fallus]

Ну вообще, первым делом нужно настроить file-loader в webpack'е.
Примерно так:

{
	test: /\.(mp4)$/i,
	loader: 'file-loader',
	issuer: {
		test: /\.mp4$/,
	}
}

Ну там дальше уже нужно смотреть, что да как.

[Aleks_Ko]

У меня так подключено правдa не в HTML, а в компоненте:
Работает нормально: termafiber.pl/pl

<video class="video-fluid z-depth-1" loop autoplay muted playsinline>
            <source src="@/assets/video/compress_video.mp4" type="video/mp4">
            <source src="@/assets/video/compress_video.webm" type="video/webm">
            <p>Sorry, there's a problem playing this video. Please try using a different browser.</p>
        </video>