AngularJs with iframe

Question

Why this jsfiddle is not working? I am not able to get value of videoId. If I remove ngRoute from module then it is working fine.

@BCotter ngRoute is a module coming from angular.route.js file. — ARV
– ARV, Commented Oct 11, 2013 at 8:49
@EpokK i have the file in my local machine, can u tell me how i can add that file to this fiddle. i am knew to jsfiddle. thanx — ARV
– ARV, Commented Oct 11, 2013 at 9:18

EpokK · Accepted Answer · 2013-10-11 11:38:04Z

8

You need to use ng-src like this:

<div ng-controller="AppController">
    <h1>{{videoID}}</h1>
    <iframe class="youtube-player" type="text/html" width="auto"
    height="auto" ng-src="{{videoID}}"
    allowfullscreen="" frameborder="0"> </iframe>
</div>

and

var app = angular.module('my-app', []);
app.controller('AppController', function ($scope, $sce) {  
    $scope.videoID = $sce.trustAsResourceUrl('http://www.youtube.com/embed/C0DPdy98e4c');
});

See this documentation.

edited Oct 11, 2013 at 11:38

answered Oct 11, 2013 at 8:19

EpokK

38.1k9 gold badges63 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ARV Over a year ago

i also tried that but it was not working, my main problem is ngRoute , i have to use it for my views routing purpose

ARV Over a year ago

I tried $scope.videoID = $sce.trustAsResourceUrl('C0DPdy98e4c'); but it didn't work and then i use $sce.trustAsResourceUrl("youtube.com/embed/C0DPdy98e4c"); then it worked, i dont know why it is not working with only id, but i am accepting your answer.

Ryan Schumacher Over a year ago

It doesn't work with just the id because it isn't a URL.

Collectives™ on Stack Overflow

AngularJs with iframe

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related