![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: videos
-
AuthorPosts
-
October 3, 2016 at 11:57 pm #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?
October 6, 2016 at 8:17 am #695901Hi 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,
IsmaelOctober 12, 2016 at 3:34 am #698138Hello,
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,
JasonOctober 16, 2016 at 4:20 am #699434Hi,
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, 10 months ago by
Ismael.
-
This reply was modified 7 years, 10 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.