summaryrefslogtreecommitdiffstats
path: root/js/app/directives/video.coffee
diff options
context:
space:
mode:
Diffstat (limited to 'js/app/directives/video.coffee')
-rw-r--r--js/app/directives/video.coffee44
1 files changed, 44 insertions, 0 deletions
diff --git a/js/app/directives/video.coffee b/js/app/directives/video.coffee
new file mode 100644
index 000000000..cf7454f84
--- /dev/null
+++ b/js/app/directives/video.coffee
@@ -0,0 +1,44 @@
+###
+
+ownCloud - News
+
+@author Bernhard Posselt
+@copyright 2012 Bernhard Posselt dev@bernhard-posselt.com
+
+This library is free software; you can redistribute it and/or
+modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
+License as published by the Free Software Foundation; either
+version 3 of the License, or any later version.
+
+This library is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU AFFERO GENERAL PUBLIC LICENSE for more details.
+
+You should have received a copy of the GNU Affero General Public
+License along with this library. If not, see <http://www.gnu.org/licenses/>.
+
+###
+
+angular.module('News').directive 'newsVideo', ->
+ directive =
+ restrict: 'E'
+ scope:
+ src: '@'
+ type: '@'
+ transclude: true
+ template: '' +
+ '<video controls="controls" preload="none" ng-hide="cantPlay()">' +
+ '<source ng-src="{{ src|trustUrl }}">' +
+ '</video>' +
+ '<a ng-href="{{ src|trustUrl }}" class="button" ng-show="cantPlay()" ' +
+ 'ng-transclude></a>'
+ link: (scope, elm, attrs) ->
+ source = elm.children('video').children('source')[0]
+ cantPlay = !document.createElement('video').canPlayType(attrs['type']);
+ source.addEventListener 'error', ->
+ scope.$apply ->
+ cantPlay = true
+
+ scope.cantPlay = -> cantPlay
+