当前位置: 首页 > 面试题库 >

HTML5视频无法与AngularJS ng-src标记一起使用

单勇
2023-03-14
问题内容

ng-src在此提琴中,AngularJS 不能与HTML5
Video元素一起使用:http :
//jsfiddle.net/FsHah/5/

看一下video元素,正在使用正确的src uri填充src标签,但是视频无法播放。

难道这不支持在AngularJS,究竟是什么解决办法?


问题答案:

只需创建一个过滤器:

app.filter("trustUrl", ['$sce', function ($sce) {
        return function (recordingUrl) {
            return $sce.trustAsResourceUrl(recordingUrl);
        };
    }]);

在查看文件中:

<audio src="{{Your_URL | trustUrl}}" audioplayer controls></audio>


 类似资料:
  • 问题内容: 我正在使用Flask提供.m3u8和.ts文件来模拟vod流。 视频播放器不会流式传输文件并显示错误(请参见下面的屏幕截图)。我找不到它是什么错误的日志。 我缺少某处的日志消息吗?是什么原因造成的,我该如何解决? 问题答案: 默认情况下,开发服务器以单线程模式运行,这意味着它一次只能处理一个请求。你一次请求两个文件流,.m3u8和.ts。你可以传递或以允许一次处理多个请求,但是,用它自

  • 我已经在Chrome(65.0.3325.162)、Firefox(59.0.1)和Android(在三星平板上)上进行了测试。我的系统的音量对其他应用程序和YouTube视频都很好。 下面是(最小的)代码(添加其他属性,如高度和海报等,对问题没有影响): 我是不是漏掉了什么明显的东西? 编辑: 当我在上使用示例视频进行测试时,出现了控件。似乎和编码的mp4视频本身有关系。 我现在已经删除了视频U

  • 我试图从谷歌驱动器流200MB视频文件。我已经尝试嵌入一个24MB的文件,共享给每个人,这工作: 当我在浏览器中正常导航到这个网址时,会显示一个我必须接受的安全请求。我相信这就是问题所在,因为它阻止了下载。也许我在URL中丢失了一些参数?我如何流较大的文件没有谷歌驱动器阻止请求?

  • 我已经努力让FFMPEG的直播流工作了很多个小时,所以举白旗,在这里寻求帮助。 我的场景是我有一个IP安全摄像头,我可以通过RTSP(H.264)成功连接,并将视频保存为文件段,它们可以通过独立的应用程序如VLC或通过Node.js web服务器应用程序播放,该应用程序发送'video/mp4'&keep-alive头部,并将以前由FFMPEG保存的mp4文件流式传输到HTML5视频客户端。 1)

  • 问题内容: pytest建议添加一个附加目录来分隔项目中的源代码: 可悲的是,他们在这种情况下对测试代码中的导入应该如何工作一无所获[1],在这个幼稚的示例[2]中,这对于我的IDE来说是很好的,但pytest导致以下错误: 我可以通过将测试的导入更改为来解决此问题,但随后我的IDE投诉该部分多余,因此我想将其保留。 [1] :情况不再如此。从3.7.3版本开始,pytest建议在@hoeflin

  • 本文向大家介绍HTML5视频无法在iPad上使用jquery bxSlider插件,包括了HTML5视频无法在iPad上使用jquery bxSlider插件的使用技巧和注意事项,需要的朋友参考一下 要使其工作,请从官方网站下载bxslider插件。从下载的bxslider zip中获取图像文件夹,然后将其粘贴到项目的js文件夹中。 所有文件夹现在看起来像- 以上应该可以解决您的问题。