Question

我试图在我的Angular应用中显示一些静态HTML5视频。它在Chrome中没有问题但在Safari或Firefox上没有问题。

<video class="masthead-video w100 m-w100" autoplay loop muted>
    <source src="public/img/test.mp4" type="video/mp4">
    <source src="public/img/test.webm" type="video/webm">
    <source src="public/img/test.ogv" type="video/ogg">
    Your browser does not support the video tag.
</video>

将此标记加载到浏览器中，因为简单的HTML（无角度或任何其他标记）使其可以在Safari和Firefox上正常播放而不会出现问题。

我尝试使用ng-src代替（即使我不应该因为我不使用动态路径）但它没有帮助。

在使用Angular.js的HTML5视频时有没有人知道任何问题？

Answer 1

将$sce用于信任源网址。

$scope.trustSrc = function (src) {
                return $sce.trustAsResourceUrl(src);
            };

  $scope.src= public/img/test.mp4;


Html Content



 <video class="masthead-video w100 m-w100" autoplay loop muted>
        <source ng-src="{{trustSrc(src)}}"  type="video/mp4">
        Your browser does not support the video tag.
    </video>

以这种方式为您的代码应用。

HTML5视频无法在Safari＆amp; Firefox与Angular.js

1 个答案: