Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #694804

    I have tried with a few different media elements (full screen slider, color selection)
    It will auto load the video for the section of the page you are on, but if you have a video at the top and one at the bottom, the video at the bottom won’t load if you load the page from the top (if you reload the page with the second bottom video in view, the bottom video loads, but then scroll up to the top and the top video doesn’t load)

    Ideas or work arounds?

    #695901

    Hi einstein999!

    Thank you for using Enfold.

    I’m sorry but the page that you provided do not exist. Please check the url. We created a test page and the videos are loading simultaneously.

    // http://fidelisstudio.com/test/

    We removed the “quality” parameter.

    Regards,
    Ismael

    #698138

    Hello,

    Take a closer look please:

    The video will auto load if the video is visible on the load. So for example, it loads header video if you first load page. And, if you go to middle of page and hit reload, it will load that video. But if you scroll up, you will see the top video never started.

    Thanks,
    Jason

    #699434

    Hi,

    Thank you for the info. I was able to reproduce the issue and it is caused by the “autopause” parameter. We added a temporary fix in the functions.php file.

    
    // https://vimeo.com/help/faq/sharing-videos/embedding-videos#how-do-i-set-videos-to-autoplay-or-loop-when-i-embed-them
    add_action('wp_footer', 'ava_iframe_parameters');
    function ava_iframe_parameters(){
    ?>
    <script>
    (function($){
    	$(window).load(function() {
    		// -------------------------------------------------------------------------------------------
    		// youtube parameter
    		// -------------------------------------------------------------------------------------------
    		function avia_iframe_parameters(container)
    		{
    			var iframe 	= jQuery('iframe[src*="vimeo.com"]', container);
    
    				iframe.each(function()
    				{
    					var current = jQuery(this),
    						src = current.attr('src');
    
    					if(src)
    					{
    						if(src.indexOf('?') !== -1)
    						{
    							console.log('test: ' + src);
    							src = src.replace(/\autopause=1/g, 'autopause=0&autoplay=1');
    							src = src.replace(/\autopause=0/g, 'autopause=0&autoplay=1');
                                                            src = src.replace(/\loop=0/g, 'loop=1');
    						}
    
    						current.attr('src', src);
    					}
    				});
    		}
    
    		avia_iframe_parameters('body');
    	});
    })(jQuery);
    </script>
    <?php
    }

    Best regards,
    Ismael

    • This reply was modified 7 years, 5 months ago by Ismael.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.