无法在 safari 上播放视频和音频 - NodeJS - angular4

Question

我有一个应用程序，我可以在其中展示一些图像、视频和音频。 图像效果很好，但音频和视频有问题。

节点 API：

    let config = new Config(),
    client = config.Storage
    export default class ImageCtrl {
        product = (req, res, next) => {
            var params = req.params,
                point = params.filename.lastIndexOf('.'),
                nameFile = params.filename.slice(0, point),
                ext = params.filename.slice(point);
            res.writeHead(200, {
                'Cache-Control': 'no-cache'
            });
            let remote = `${nameFile}-thumb${ext}`;
            if (nameFile.includes('audio')) {
                remote = `${nameFile}${ext}`
            }
            client.download({
                container: 'Multimedia',
                remote: remote
            }, function(err, result) {
                // handle the download result
            }).pipe(res);
        }
    }

config.ts

export default class Config {
   Storage: any = pkgcloud.storage.createClient(config);
}

Angular4-HTML5

<video width="100%" *ngIf="product.mediacategory === 'video'" controls preload="none" [poster]="'/api/image/products/' + product._id + '-video.png'" controlsList="nodownload">
    <source [src]="/api/image/products/5a69b1b32e4be51cb82a7659-video.webm" type="video/webm">
    <source [src]="/api/image/products/5a69b1b32e4be51cb82a7659-video.mp4" type="video/mp4">
    <source [src]="/api/image/products/5a69b1b32e4be51cb82a7659-video.ogv'" type="video/ogv">
  </video>

音频和图像是相同的 API，但仅适用于 safari 图像。在 chrome 和 firefox 中，音频、视频和图像都可以正常工作。

在 Safari 中它看起来像这样：

在铬：

----如果我删除 [src] 的 []，它在 chrome 上不起作用。-----

Answer 1

iOS 上的 Safari 支持低复杂度的 AAC 音频、MP3 音频、AIF 音频、WAVE 音频和基线配置文件 MPEG-4 视频。桌面版 Safari（Mac OS X 和 Windows）支持已安装的 QuickTime 版本支持的所有媒体，包括任何已安装的第三方编解码器 click here for reference