Question

我正在尝试将外部视频输入到文本框中，如下所示：

 <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);
  }

}

我已经可以获取该网址，但视频未在我的网页上播放。它只显示一个播放器，但没有播放视频或时间也没有运行。我怎样才能做到这一点？

Answer 1

您可以直接在视频标记中调用该函数，

<video ng-src="{{showURLPreview(URLLink)}}" controls></video>

视频不是来自未输入的URL输入

1 个答案: