Tagged: button, color section, fullscreen video, Play, trigger
Dear Enfold Support Team,
Thanks for the great theme! Really enjoying using it so far. What Im trying to do is replicate the video header found on this website: http://www.tiiny.com – can I do this with the headers found in enfold? Basically I just want the visitor to press play, the text disappears and the video plays.
Your advice would be greatly appreciated. Thanks!
Just wanted to give this a bump. If anyone has any insight I would greatly appreciate it!
Hey!
I found a way.
1. Set-up a FullScreen Slider element like this – http://screencast.com/t/RyxNPmtvMau
2. The “image + trigger” slide should be like this – http://screencast.com/t/LXDOSmDokSa
3. Finally add this to theme / child theme functions.php:
function custom_js(){
?>
<script>
(function($){
$(window).load(function() {
$('.avia-fullscreen-slider .trigger').on('click', function(){
$('.avia-fullscreen-slider .next-slide').trigger('click');
})
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_js');
If you are using another fullscreen sliders throughout the page i’d highly suggest you to set a custom class and change the code accordingly so it only affects that one.
Regards,
Josue
Josue, that worked perfectly, thank you so much! You went above and beyond with the custom code on this. Really appreciate your time!
You are welcome, glad to help :)
Regards,
Josue