Video Page & Text Spacing

I think I need some help with the "video in background" page - I have tried everything and I just can't get the video to autoplay and loop. I've added the autoplay=1 and loop=1 standard values and they have no impact. I've tried using standard embed text and it places the video beneath the header rather than in the same space. I'm just not certain what I am missing???

I am also wondering about text spacing - if I get over a certain amount of text on any page, it seems to go "off" the screen.. Either bumping the top off the page or overlapping the bottom. Is there a way to adjust this?

Thank you so much in advance for any assistance

Hello,

Could you please provide me with a URL to your website and back-end access via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Are you able to help me out?

Sorry for the delay, could you send me backend access (I've asked for it in my previous post) to your website? Then I'll be able to check this issue.

If you want your vide autoplay, when the website is loaded, please edit Quark/js/functions.js file and change this fragment:

Code: Select all

// Video link
        if(jQuery('.gk-video-link').length) {
            jQuery('.gk-video-link').click(function(e) {
                e.preventDefault();
                var link = jQuery(this);
               
                var popup = jQuery('<div id="gk-video-overlay"><a href="#close">&times;</a><iframe src="'+link.attr('data-url')+'" width="'+link.attr('data-width')+'" height="'+link.attr('data-height')+'" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>');
               
                link.parent().append(popup);
                var video_element = popup.find('iframe');
                setTimeout(function() {
                    video_element.addClass('loaded');
                }, 1000);
       
                popup.addClass('show');
               
                setTimeout(function() {
                    popup.addClass('open');
                }, 50);
               
                popup.find('a[href="#close"]').click(function(e) {
                    e.preventDefault();
                   
                    popup.removeClass('open');
                   
                    setTimeout(function() {
                        popup.removeClass('show');
                        popup.remove();
                    }, 350);
                });
            });
        }


into:

Code: Select all

// Video link
        if(jQuery('.gk-video-link').length) {
            jQuery(document).ready(function(){
               
                var link = jQuery('.gk-video-link')
               
                var popup = jQuery('<div id="gk-video-overlay"><a href="#close">&times;</a><iframe src="'+link.attr('data-url')+'" width="'+link.attr('data-width')+'" height="'+link.attr('data-height')+'" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>');
               
                link.parent().append(popup);
                var video_element = popup.find('iframe');
                setTimeout(function() {
                    video_element.addClass('loaded');
                }, 1000);
       
                popup.addClass('show');
               
                setTimeout(function() {
                    popup.addClass('open');
                }, 50);
               
                popup.find('a[href="#close"]').click(function(e) {
                    e.preventDefault();
                   
                    popup.removeClass('open');
                   
                    setTimeout(function() {
                        popup.removeClass('show');
                        popup.remove();
                    }, 350);
                });
            });
        }