Angular JS, как играть в видео (видео плеер) - PullRequest
Новая
       19

Angular JS, как играть в видео (видео плеер)

1 голос
/ 22 марта 2019

Ниже в моем HTML-коде показано, как я загружал pdf и графические документы, и это, похоже, работает.Но я не могу загрузить и воспроизвести видео?это не работает, есть ли директива для этого?мне нужен игрок для этого?Любая идея действительно поможет.Я знаю, что это не про отладку кода, но я надеюсь, что вы понимаете.Также у меня уже есть возможность загружать и вызывать видео, проблема в том, что я не знаю, как получить предварительный просмотр или проигрыватель для него.Спасибо. 

<div class="col-md-12 top10">

<img ng-class="{'hidden' : main.record.preview.type != 'image'}"
     style="width: 100%" class="img"
     src="{$ main.record.preview.preview $}">

<object ng-class="{'hidden' : main.record.preview.type != 'pdf'}"
        ng-show="(main.record.preview.preview != undefined || main.record.preview.preview != '') && main.record.preview.type == 'pdf"
        data="{$ main.record.preview.preview | trusted $}" style="width: 100%;height: 800px"
        data="{$ main.record.preview.preview | trusted $}" type="application/pdf">
    <embed src="{$ main.record.preview.preview | trusted $}" type="application/pdf" />
</object>


<div ng-show="main.record.preview.type == 'others'"
     class="col-md-12 text-center text-default no-preview">
    <p><i class="far fa-times-circle"></i> No Preview Available</p>
</div>

1 Ответ

2 голосов
/ 22 марта 2019

<video> тег должен это сделать ... что-то вроде строк ниже ... 

<div ng-show="main.record.preview.type == 'video'" class="col-md-12 text-center text-default no-preview">
  <video  controls>
  <source src="yourVideoLink.mp4" type="video/mp4">
  <p><i class="far fa-times-circle"></i> No Preview Available</p>
</video>
</div>
...