Question

我正在使用下面的代码在本地计算机上播放视频存储但是我在chrome中遇到错误就像不允许加载本地资源：file：///而在Firefox Web浏览器中我得到视频格式或MIME类型不是支撑。

    <video src="{{trainingVideoURL | trustAsResourceUrl}}"    width="500" height="300" style="margin-left:200px;" controls="controls" type="video/mp4">
</video>

以下是获取网址的控制器

function loadPreReqs() {
        $scope.trainingVideoIdPk=$routeParams.trainingVideoIdPk;
        trainingFactory.getTrainingVideoPath($scope.trainingVideoIdPk).success(function(data) {         
            $scope.trainingVideoURL= data;
         }).error(function(error){
             alert(error.status);
         });
    }

使用$ sce进行过滤，以避免阻止从不安全的网址加载资源

.filter('trustAsResourceUrl', function ($sce) {
          return function(videoPath) {
            return $sce.trustAsResourceUrl('file://'+ videoPath);
          };

    });

我在尝试播放视频时遇到错误不允许加载本地资源：file：/// home / abc / project / Training / videos / Oral％20＆amp;％20Maxillofacial％20Surgery.mp4 in chrome

我尝试了其他解决方案以及此帖Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag

中的建议

但得到错误：获取http://home/abc/project/Training/videos/Oral%20&%20Maxillofacial%20Surgery.mp4 net :: ERR_NAME_NOT_RESOLVED

在尝试播放视频时不允许加载本地资源：file：//

0 个答案: