Angular 1.4: Empty Fiddle
http://angularjs.org/
Ready to start playing with angular in your browser
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.1/angular.js"></script>
<div ng-controller="MyCtrl">
{{videoPlayer}}
<video controls="" autoplay="" name="media">
<source src="{{videoPlayer.playUrl}}" type="video/mp4">
</video>
<button data-ng-click="videoPlayer.play()">Play Video</button>
</div>
CSS
video{
width: 100%;
height: 300px;
}
JavaScript
angular.module('App',[])
.controller('MyCtrl', [
'$scope','$sce',
function ($scope, $sce) {
$scope.videoPlayer = {
playUrl: null,
play: function(){
var self = this;
self.playUrl = "https://storage.googleapis.com/housingtestserver.appspot.com/sobha-city-drive-view-new.mp4";
}
};
}
])