No background video on Iphone/Ipad

Hi,
Thank you for your patience, unfortunately mobile background videos will not typically play on mobile devices, Safari & Chrome have set the standard a few years back that mobile video must be clicked by the user to play, this was to try to curb “video spamming” by websites. As with any standard there are “hacks” around this but with each update Safari & Chrome block more methods. We follow the rules, you can probably find a WordPress plugin that will if you really want to do this. The last time I checked the layerslider was still playing background videos on mobile, but there is no telling how long this will be for. I would recommend not trying to bypass this because you will constantly need to watch your site for this breaking.

Best regards,
Mike

Hi René,

Autoplay videos don’t work by default for the reasons stated by Mike and @guenni007. If you want to allow it anyway, then you could try this script to see if you have any luck with it:

// custom script: autoplay youtube videos on mobile devices
function ava_custom_script_autoplay_youtube_videos()
{
    ?>
    <script type="text/javascript">
        var tag = document.createElement('script');
        tag.id = 'avia-yt-iframe-api';
        tag.src = 'https://www.youtube.com/iframe_api';
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        var avia_players = document.querySelectorAll('.avia-video iframe[src*="youtube.com"]');

        var players = [];

        function onYouTubeIframeAPIReady() {
            avia_players.forEach(function(video, index) {
                players.push(new YT.Player(video.id, {
                    events: {
                        'onReady': onPlayerReady,
                    }
                }));
            });
        }

        function onPlayerReady(event) {
            event.target.mute();
            event.target.playVideo();
        }
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_autoplay_youtube_videos', 9999 );

Best regards,
Rikard

Hi,

Thanks for the input @guenni007.

Best regards,
Rikard