Question

我将视频上传到我的mysql数据库。我有它的位置。当我尝试加载该视频不工作。

我的角度代码如下。

  $scope.videoApi = function(id) {      
    $http({
      method: "POST",
      url: "http://192.168.1.16:8070/courseapi/getpdf",
      data: {
        'id_course': id
      }
    }).then(function mySucces(response) {
      alert("listapi" + response.data);
      $scope.videodata = response.data;
      //$scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.videodata[0].course_Attachments);
        }, function myError(response) {
          $scope.message = response.statusText;
          console.log(response.statusText);
          alert("courseEnrolled");
        });
  }

从这里我是视频的路径

我的HTML代码

<iframe src="{{videodata}}" width="50%" height="400px" ></iframe>

但这不起作用;

请帮帮我

Answer 1

您需要在ng-src中使用src而不是iframe属性。因此删除双括号

<iframe ng-src="videodata" width="50%" height="400px" ></iframe>

供参考：How to set an iframe src attribute from a variable in AngularJS

Answer 2

$scope.videodata = $sce.trustAsResourceUrl("https://www.youtube.com/embed/XGSy3_Czz8k");

我认为您需要在iframe中提供视频的网址，并将iframe设为

  <iframe width="420" height="315" src="{{videodata}}">
  </iframe>

无法在angularjs中加载和播放视频

2 个答案: