diff options
author | Julius Härtl <jus@bitgrid.net> | 2018-01-22 13:18:14 +0300 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2018-01-22 13:18:14 +0300 |
commit | 731a2ef582a6758f4aa407b0d7d2a17feeed9155 (patch) | |
tree | 7357b0af19552d4f9305bb56d1ce18235fc7375d /js | |
parent | 2aa9cea8e626411ffd4a6c4ab3269ec9c2870efe (diff) |
Use videoplayer on public shares as well
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'js')
-rwxr-xr-x | js/viewer.js | 55 |
1 files changed, 40 insertions, 15 deletions
diff --git a/js/viewer.js b/js/viewer.js index 238cbc4..24a9f31 100755 --- a/js/viewer.js +++ b/js/viewer.js @@ -17,8 +17,6 @@ var videoViewer = { '</video>', show : function () { // insert HTML - var overlay = $('<div id="videoplayer_overlay" style="display:none;"><div id="videoplayer_outer_container"><div id="videoplayer_container"><div id="videoplayer"></div></div></div></div>'); - overlay.appendTo('body'); var playerView = videoViewer.UI.playerTemplate .replace(/%src%/g, escapeHTML(videoViewer.location)); if (videoViewer.mime) { @@ -26,21 +24,31 @@ var videoViewer = { } else { playerView = playerView.replace(/type="%type%"/g, ''); } - $(playerView).prependTo('#videoplayer'); - // close when clicking on the overlay - overlay.on("click", function(e) { - if (e.target === this) { - videoViewer.hidePlayer(); - } - }); - // show elements - overlay.fadeIn('fast'); + if (videoViewer.inline === null) { + var overlay = $('<div id="videoplayer_overlay" style="display:none;"><div id="videoplayer_outer_container"><div id="videoplayer_container"><div id="videoplayer"></div></div></div></div>'); + overlay.appendTo('body'); + $(playerView).prependTo('#videoplayer'); + // close when clicking on the overlay + overlay.on("click", function (e) { + if (e.target === this) { + videoViewer.hidePlayer(); + } + }); + // show elements + overlay.fadeIn('fast'); + } else { + var wrapper = $('<div id="videoplayer_view"></div>'); + wrapper.append(playerView); + $(videoViewer.inline).html(wrapper); + } // initialize player videojs("my_video_1").ready(function() { videoViewer.player = this; - // append close button to video element - var closeButton = $('<a class="icon-view-close" id="box-close" href="#"></a>').click(videoViewer.hidePlayer); - $("#my_video_1").append(closeButton); + if (videoViewer.inline === null) { + // append close button to video element + var closeButton = $('<a class="icon-view-close" id="box-close" href="#"></a>').click(videoViewer.hidePlayer); + $("#my_video_1").append(closeButton); + } // autoplay videoViewer.player.play(); }); @@ -56,6 +64,7 @@ var videoViewer = { file : null, location : null, player : null, + inline : null, mimeTypes : [ 'video/mp4', 'video/x-m4v', @@ -76,6 +85,16 @@ var videoViewer = { if (videoViewer.mimeTypeAliasses.hasOwnProperty(videoViewer.mime)) { videoViewer.mime = videoViewer.mimeTypeAliasses[videoViewer.mime]; } + console.log(videoViewer); + videoViewer.showPlayer(); + }, + onViewInline : function (element, file, mime) { + videoViewer.location = file; + videoViewer.mime = mime; + if (videoViewer.mimeTypeAliasses.hasOwnProperty(videoViewer.mime)) { + videoViewer.mime = videoViewer.mimeTypeAliasses[videoViewer.mime]; + } + videoViewer.inline = element; videoViewer.showPlayer(); }, showPlayer : function() { @@ -84,7 +103,7 @@ var videoViewer = { }); }, hidePlayer : function() { - if (videoViewer.player !== null && videoViewer.player !== false) { + if (videoViewer.player !== null && videoViewer.player !== false && videoViewer.inline === null) { videoViewer.player.dispose(); videoViewer.player = false; videoViewer.UI.hide(); @@ -112,4 +131,10 @@ $(document).ready(function(){ } } + if($('#body-public').length) { + var videoUrl = $('#downloadURL').val(); + var mimetype = $('#mimetype').val(); + videoViewer.onViewInline($('#imgframe'), videoUrl, mimetype); + } + }); |