Add notice if video can not be played

Author: dr-dimitru

demo/client/file/file.coffee

@@ -41,6 +41,14 @@ Template.file.onRendered ->
         self.showOriginal.set true
         return
       img.src = @data.file.link()
+
+  else if @data.file.isVideo
+    video = document.getElementById @data.file._id
+    unless video.canPlayType @data.file.type
+      @$('#cantPlayVideo').show()
+      video.style.display = 'none'
+    else
+      video.play()
   window.IS_RENDERED = true
   return
 

demo/client/file/file.jade

@@ -56,8 +56,11 @@ template(name="file")
           .file-cell: audio.file-preview.file-audio(controls autoplay preload="auto" loop)
             source(src="{{link}}?play=true" type="#{type}")
         else if isVideo
-          .file-cell: video.file-preview(controls autoplay preload="auto" loop)
-            source(src="{{link}}?play=true" type="#{type}")
+          .file-cell
+            video.file-preview(id="{{_id}}" controls autoplay preload="auto" loop)
+              p Can not play this video. The "#{type}" format may be not supported in your browser
+              source(src="{{link}}?play=true" type="#{type}")
+            p#cantPlayVideo(style="display:none") Can not play this video. The "#{type}" format may be not supported in your browser
         else if compare isText 'or' isJSON
           if warning
             .file-cell: h3.files-note