【发布时间】:2018-06-14 03:58:24
【问题描述】:
我正在尝试将外部视频输入到这样的文本框:
<div class="col-xs-8" >
<input type="text" class="form-control" name="" style="width: 85%; margin-left: 15%" ng-model="URLLink" >
</div>
<div class="col-xs-4">
<button class="btn btn-success pull-left" id="PreviewURL" ng-click="showURLPreview(URLLink)">Preview</button><br><br><br>
</div>
当我点击预览按钮时,视频文件必须播放。在我的 html 中,我有以下代码:
<video ng-src="{{trustSrc(URLLink)}}" controls></video>
在我的控制器中我有这个:
$scope.showURLPreview = function(URLLink){
// alert(URLLink);
document.getElementById('URLPreview').style.visibility='visible';
$scope.trustSrc = function(URLLink) {
return $sce.trustAsResourceUrl(URLLink);
}
}
我已经可以获取 URL,但是视频没有在我的页面上播放。它只显示一个播放器,但没有播放视频或时间也没有运行。我怎样才能做到这一点?
【问题讨论】:
标签: html angularjs video video-streaming html5-video