Angularjs directive for responsive videos

fluidvis.js

/*  Handle responsive video 
*   Full credit goes to Todd Motto @toddmotto 
*   http://toddmotto.com/creating-an-angularjs-directive-from-one-of-your-existing-plugins-scripts/    
*/

blogApp.directive('fluidvids',['$sce', function ($sce) {

    return {
        restrict: 'EA',
        replace: true,
        scope: {
            video: '@'
        },
        template: '<div class="fluidvids">' +
            '<iframe ng-src="{{video}}"></iframe>' +
            '</div>',
        link: function (scope, element, attrs) {
            var ratio = (attrs.height / attrs.width) * 100;
            element[0].style.paddingTop = ratio + '%';
        }
    };

}]);