Видео не загружается в angular

Question

Я работаю над проектом в angular, у меня есть компонент, который должен запускать видео в полноэкранном режиме, а l oop только один раз с автовоспроизведением, я попытался перейти по этой ссылке . Но если видео не работает внутри angular, у меня видео в папке assets / videos.

Это мой html

<video autoplay muted id="myVideo">
   <source src="/assets/videos/copro.mp4" type="video/mp4">
   Your browser does not support HTML5 video.
 </video>
</div>

Это CSS I б / у

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }

Заранее спасибо за помощь :)

Answer 1

вы должны использовать префикс, чтобы увидеть это. нужно писать правильно. Вы говорите, что ваша папка с ресурсами находится на том же уровне, что и ваша папка с компонентами html.

<source src="../../assets/videos/copro.mp4" type="video/mp4">

Answer 2

Это может вам помочь. просто измените URL-адрес видео в

data-ephox-embed-iri = "https://youtu.be/"

src = "https://www.youtube.com/embed/" для встроенного

<div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 56.25%; max-width: 1280px; max-height: 720px;" data-ephox-embed-iri="https://youtu.be/aYPaso1zHow"><iframe style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" src="https://www.youtube.com/embed/aYPaso1zHow?rel=0" scrolling="no" allowfullscreen="allowfullscreen"></iframe></div>