1. 程式人生 > >AngularJS--給video標籤賦值播放不了

AngularJS--給video標籤賦值播放不了

公司在做直播,H5使用video標籤來播放拉流地址的,但是小編遇到一個問題,把拉流地址寫死在src屬性裡就可以播放,但是從庫裡動態獲取賦值給src時就播放不了,查了查是由於用AngularJS的原因

動態獲取到的路徑angular環境不識別,需要進行處理一下,讓angular識別,並認為是安全的路徑來使用。angular提供了一種方法$sce

使用方法:

html頁面:

<!--視訊-->
<video id="video" ng-src="{{videoUrlFun(anchorInfo.lvbrtmpaddress)}}"  playsinline webkit-playsinline
="true" x5-video-player-type="h5">
//anchorInfo.lvbrtmpaddress是angular動態獲取的拉流地址 </video>

js內容:

var app = angular.module('myApp', []);

app.controller('live', function($scope, $location, $http, $sce) {

    //直播視訊播放事件
    $scope.videoUrlFun = function(url){
        var urlFun = $sce.trustAsResourceUrl(url);
        return
urlFun; }; });

這樣就可以看到主播直播了!