Question

我正在使用video标记，如下所示

<div>
    <video ng-src="{{item.videoPath}}" type="video/mp4">
        <!--Below message will be visible when audio tag is not supported by browser-->
        <table>
            <tr>                        
                <td class="break-word">
                    <div data-ng-bind="::'NOT_SUPPORTED_MSG' | translate"></div>
                </td>
            </tr>
        </table>
    </video>
</div>

对于我的mp4视频，服务器返回Content-Type:"video/mp4"并正确呈现。

但是，对于avi个视频，服务器会返回Content-Type:"application/octet-stream"。

在firefox控制台上，我看到以下错误：

HTTP "Content-Type" of "application/octet-stream" is not supported.
Load of media resource failed.

Cannot play media. No decoders for requested formats: application/octet-stream

由于我已经添加了后备消息，因此我不确定为什么当浏览器无法呈现avi视频时我无法看到它。我只想在播放某些视频时显示后备消息。

P.S。在项目的这一点上，我的服务器返回的内容类型是正确的。

Answer 1

使用canPlayType，它是HTML5媒体（视频/音频）对象的一种方法： https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType

无法在浏览器

1 个答案: