WebM Gallery Mode.

src/General/css/style.css

@@ -1471,18 +1471,13 @@ div.boardTitle {
   margin: auto;
   line-height: 0;
 }
+.gal-fit-width .gal-image video,
 .gal-fit-width .gal-image img {
   max-width: 100%;
 }
+.gal-fit-height .gal-image video,
 .gal-fit-height .gal-image img {
-  /*
-    Chrome doesn't support viewpoint units in calc()
-    http://bugs.chromium.org/168840
-    "It looks like the original author of viewport units in WebKit is not coming back to fix this stuff."
-    Well, fuck.
-  */
   max-height: 95vh;
-  max-height: calc(100vh - 25px);
 }
 .gal-buttons {
   font-size: 2em;

src/Images/Gallery.coffee

@@ -107,13 +107,14 @@ Gallery =
     post  = Get.postFromNode file
     title = ($ '.fileText a', file).textContent
     thumb = post.file.thumb.parentNode.cloneNode true
-    if double = $ 'img + img', thumb
+    if double = $ '* + *', thumb
       $.rm double
 
     thumb.className    = 'gal-thumb'
     thumb.title        = title
     thumb.dataset.id   = Gallery.images.length
     thumb.dataset.post = $('a[title="Highlight this post"]', post.nodes.info).href
+    thumb.dataset.isVideo = true if post.file.isVideo
     thumb.firstElementChild.style.cssText = ''
 
     $.on thumb, 'click', Gallery.cb.open
@@ -148,14 +149,20 @@ Gallery =
       $.rmClass  el, 'gal-highlight' if el = $ '.gal-highlight', Gallery.thumbs
       $.addClass @,  'gal-highlight'
 
-      img = $.el 'img',
+      file = $.el (if @dataset.isVideo then 'video' else 'img'),
         src:   name.href     = @href
         title: name.download = name.textContent = @title
 
-      $.extend  img.dataset,   @dataset
+      if @dataset.isVideo  
-      $.replace nodes.current, img
+        file.muted    = !Conf['Allow Sound']
+        file.controls = Conf['Show Controls']
+        file.loop     = true
+        file.autoplay = true
+      
+      $.extend  file.dataset,   @dataset
+      $.replace nodes.current,  file
       nodes.count.textContent = +@dataset.id + 1
-      nodes.current = img
+      nodes.current = file
       nodes.frame.scrollTop = 0
       nodes.next.focus()
 
@@ -168,8 +175,8 @@ Gallery =
 
       nodes.thumbs.scrollTop += top
       
-      $.on img, 'error', ->
+      $.on file, 'error', ->
-        Gallery.cb.error img, thumb
+        Gallery.cb.error file, thumb
 
     image: (e) ->
       e.preventDefault()