diff --git a/web/index.html b/web/index.html
index ab9b61d..3ca93c4 100644
--- a/web/index.html
+++ b/web/index.html
@@ -23,7 +23,6 @@
 	</div>
 	<div id="video-box">
 		<div id="video-box-inner">
-			<video id="video" controls></video>
 		</div>
 	</div>
 	
diff --git a/web/js/011-display.js b/web/js/011-display.js
index a985ebf..bbefafd 100644
--- a/web/js/011-display.js
+++ b/web/js/011-display.js
@@ -147,7 +147,7 @@ $(document).ready(function() {
 			$("#album-view").removeClass("photo-view-container");
 			$("#subalbums").show();
 			$("#photo-view").hide();
-			$("#video")[0].pause()
+			$("#video").remove();
 		}
 		setTimeout(scrollToThumb, 1);
 	}
@@ -189,7 +189,7 @@ $(document).ready(function() {
 			$(window).unbind("resize", scaleVideo);
 			$(window).unbind("resize", scaleImage);
 			videoSrc = photoFloat.videoPath(currentAlbum, currentPhoto);
-			$("#video")
+			$('<video/>', { id: 'video', controls: true }).appendTo('#video-box-inner')
 				.attr("width", width).attr("height", height).attr("ratio", currentPhoto.size[0] / currentPhoto.size[1])
 				.attr("src", videoSrc)
 				.attr("alt", currentPhoto.name)
@@ -219,7 +219,7 @@ $(document).ready(function() {
 				.attr("title", currentPhoto.date)
 				.load(scaleImage);
 			$("head").append("<link rel=\"image_src\" href=\"" + photoSrc + "\" />");
-			$("#video")[0].pause()
+			$("#video").remove();
 			$("#video-box").hide();
 			$("#photo-box").show();
 		}