Видео тег не работает в Angular - PullRequest
Новая
       81

Видео тег не работает в Angular

0 голосов
/ 27 апреля 2020

Я работаю над приложением angular и использую тег видео в моем html. Мой код выглядит следующим образом. 

<div id="display-check-in-open" class="pi-container">
    <video autoplay>
        <source src="path to the video" type="video/mp4">
    </video>
</div>

Путь к видео должен быть указан в sr c. Если я даю прямой путь что-то вроде "C: / Users / Videos / video1.mp4", видео загружается. Но я буду динамически получать путь от компонента в переменной, хотя имя видео останется прежним. В компоненте у меня есть переменная videoPath, и ее значение будет примерно таким: 

this.videoPath = C:/Users/Videos/

Указанный выше путь может динамически меняться из файла свойств. Теперь, когда я пытаюсь получить доступ к этой переменной videoPath в sr c тега video, видео не отображается.

Я попытался сделать следующее: 

<div id="display-check-in-open" class="pi-container">
    <video autoplay>
        <source src=videoPath + "video1.mp4" type="video/mp4">
    </video>
</div>

Но приведенный выше код не работает а также он показывает текст красным внутри "". т.е. название видео показано красным цветом в коде VS означает, что выше вещь не так. Как я могу сделать это правильно?

...