Best way to Implement full screen background videos

Also why do none of the elements support autoplay.

Full Width Slider nor FullScreen Slider are not autoplaying my video when opening the page.

Thanks

Hi Ismael,
Okay before this i implemented the code to get the Unmute button on the color section however still no sound is coming out…

why is this?
Thanks

Hi Ismael,

Thanks for that. Im trying to implement to have the mute/unmute button however not managing.

add_action(‘wp_footer’, ‘mute_unmute_background_video’);
function mute_unmute_background_video(){
?>
<script type=”text/javascript”>
(function($) {
$(‘.avia_video’).on(‘av-mediajs-loaded’, function() {
$(‘.av-section-color-overlay-wrap’).prepend(‘<div class=”custom-mute”></div>’);
var video = $(this).mediaelementplayer();
video[0].setMuted(true);
$(‘.av-section-color-overlay-wrap’).on(‘click’, ‘.custom-mute’, function() {
if(video[0].muted === true) {
video[0].setMuted(false);
video[0].setVolume(0.8);
} else {
video[0].setMuted(true);
}
});
});

$(‘.av-section-color-overlay-wrap’).on(‘click’, ‘.custom-mute’, function() {
$(this).toggleClass(“icon-sound-on”);
});
})(jQuery);
</script>
<?php
}

Where does this code exaclty go?

Thanks