markus/photofloat
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Create <video> element dynamically

Browse Source
This commit is contained in:
Jerome Charaoui 2014-01-27 23:02:10 -05:00
parent 1bb130d37b
commit 80060b37c1
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/index.html
View File

@ -23,7 +23,6 @@
</div>
<div id="video-box">
<div id="video-box-inner">
<video id="video" controls></video>
</div>
</div>

6
web/js/011-display.js
View File

@ -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();
}