离子 2 Base64 快速时间视频无法播放

Question

我有一个base64 jpeg和一个base64 quicktime视频。我可以显示jpg，但视频无法播放。

我的HTML如下：

<div *ngIf="step.type == 'PHOTO'" (click)="editStep(step.id, step.rev, i)" class="pu-plan-details-step-photo">
  <img [src]="step.attachment">
</div>
<div *ngIf="step.type == 'VIDEO'" (click)="editStep(step.id, step.rev, i)" class="pu-plan-details-step-video">
  <video controls="controls" width="100%">
    <source type="video/quicktime" [src]="step.attachment">
      Your browser does not support the video tag.
  </video>
</div>

我得到视频播放按钮，但单击它无法播放视频。

jpg 和视频都作为 base64 文件从服务器拉下。我已经确认视频在服务器上播放正常。

对于 jpg，我在 base64 字符串前面加上 data:image/jpeg;base64, 对于快速时间 （mov） 视频，我在 base64 字符串前面加上 data:video/quicktime;base64,

Answer 1

您现在可能已经解决了这个问题，但是如果您没有解决，我发现当我遇到同样的问题时，您的浏览器可能不支持.mov文件。因为当我尝试将这些文件上传到我的页面时，它正在做完全相同的事情，所以我要做的是使用视频编辑器并将它们导出为应该解决问题的.mp4