Question

在我的HTML代码下面，这就是我加载pdf和图像文档的方式，而且似乎可以正常工作。但是我似乎无法加载ang播放视频吗？它不起作用，是否有相应的指令？我需要一个球员吗？任何想法真的会有所帮助。我知道这与代码调试人员无关，但我希望您能理解。另外我已经具有上载和调用视频的功能，问题是我不知道该功能如何具有预览或播放器。谢谢。

<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>

Answer 1

<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>

Angular js如何播放视频（视频播放器）

1 个答案: