Add videos to xrpl overview page

Update css to v6

Add videos to xrpl overview page

Update css to v6

Move video player up on screen

Adjust vid position and size

Fix expanded video sizing on more resolutions
This commit is contained in:
Jake
2022-01-10 17:33:04 -07:00
committed by mDuo13
parent fd39520c93
commit c5489fe3a7
16 changed files with 203 additions and 13 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

25
assets/js/video.js Normal file
View File

@@ -0,0 +1,25 @@
$(document).ready(()=> {
//top video. Show inline replacing image
$("#playvideo").click(function(){
$("#playvideo").hide();
$("#video1").show();
$("#video1")[0].src += "?autoplay=1";
});
//bottom 3. Show in overlay
$('.btn1').click(function() {
var src = $(this).attr("data-url");
$("#player").attr("src", src);
$('#video, #video-overlay').fadeIn('slow');
});
});
$(document).on('touchend, mouseup', function(e) {
if (!$('#video').is(e.target)) {
$('#video, #video-overlay').fadeOut('slow');
$("#player").attr("src", '');
}
});