javascript - AngularJS - Video Loading -

i have template whereby load details via json file. content loaded in accompanies video embed. json files working great, same video appears on every item. there way can load individual videos assigned each json file?

here template:

<div class="container" ng-repeat="guide in guides"> <div class="row"> <div class="col-md-12">     <br/>     <p><a ng-href="#/"><span class="glyphicon glyphicon-home"></span> guide list</a></p>     <h1><span class="glyphicon glyphicon-play-circle"></span> watch {{ guide.title }}</h1>      <span>{{ guide.info }}</span><br/><br/>  </div>  <div class="col-md-12">         <video video="marvel">     </video><!--this bit i'm having issue --> </div>  <div class="col-md-6">     <h3><span class="glyphicon glyphicon-education"></span> background {{ guide.title }}</h3>     <span>{{ guide.background }}</span><br/><br/> </div> <div class="col-md-6">      <h3><span class="glyphicon glyphicon-save"></span> downloads {{ guide.title }}</h3><br/>                  <a ng-href="{{ guide.pdf }}" target="_blank"><span class="glyphicon glyphicon-floppy-save"></span> download guide pdf</a><br/><br/>                 <a ng-href="{{ guide.video }}" target="_blank"><span class="glyphicon glyphicon-floppy-save"></span> download video</a>     </div>  </div> </div> 

i'm unable bind data video tag (which directive i've built) - have suggestions?

thanks in advance.

it should if reference different video in each repeat iteration ;-)

<div class="col-md-12">         <video src="{{guide.my_video_uri}}">     </video> </div> 

if src=".." doesn't work, try ng-src="..".