Question

我尝试了Angular Universal，但显然与safari中的视频渲染不兼容，所有其他导航器都很好。

显然存在字节范围的问题，但是能否让我找到一种在角度为7且角度通用的情况下实现它的方法？

<video autoplay loop [muted]="true">
  <source src="assets/video/{{p.shortname}}.mp4" type="video/mp4" />
  <source src="assets/video/{{p.shortname}}.webm" type="video/webm" />
</video>

我希望在所有导航器甚至野生动物园中都能看到我的视频渲染

Answer 1

最后，我找到了一种解决方法，但这仍然是一种解决方法，不是可接受的答案。

在ngsw-worker.js（node_modules / @ angular / service-worker）上添加了收益；

onFetch(event) {
        return; // it makes video works in safari
        const req = event.request;
        const scopeUrl = this.scope.registration.scope;
        const requestUrlObj = this.adapter.parseUrl(req.url, scopeUrl);
        // The only thing that is served unconditionally is the debug page.
        if (requestUrlObj.path === '/ngsw/state') {
            // Allow the debugger to handle the request, but don't affect SW state in any other way.
            event.respondWith(this.debugger.handleFetch(req));
            return;
}

Angular Universal与Safari不兼容，视频未显示

1 个答案: