【问题标题】:Video not from a URL input not playing不是来自 URL 输入的视频未播放
【发布时间】: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


    【解决方案1】:

    你直接在video标签中调用函数,

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

    【讨论】:

    • 视频仍未播放
    • 视频 URL 是我页面用户输入的 URL,它是我上面的文本框的值
    • 你如何确保它是有效的?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多