mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 19:55:54 +00:00
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:
25
assets/js/video.js
Normal file
25
assets/js/video.js
Normal 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", '');
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user