galeria_videos.php

<?php
/**
 *  Esta função adiciona um shortcode para galeria de vídeos do produto.
 */
function galeria_videos()
{
    ob_start();
    if (get_field('videos')) : 
    $item = 0 ?>
        <div class="et_pb_module et_pb_video_slider">
            <div class="et_pb_slider et_pb_slider_dots et_pb_controls_ et_slide_transition_to_1 et_slide_transition_to_next et_pb_bg_layout_dark">
                <div class="et_pb_slides">
                    <?php while (has_sub_field('videos')) : 
                        // vars
                        $video = get_sub_field('video'); ?>
                        <?php 
                            if (strpos($video,'youtube') !== false) {
                                // Vídeo do Youtube
                                parse_str( parse_url( $video, PHP_URL_QUERY ), $url_vars );
                                ?>
                                <div class="et_pb_video_slider_item_<?php echo $item; ?> et_pb_slide et_pb_bg_layout_dark et-pb-active-slide" style="z-index: <?php echo ++$item; ?>; 
                                    <?php if ($item > 1) { 
                                        echo "display: none; opacity: 0;";
                                } else {
                                    echo "display: block; opacity: 1;";
                                }?>">
                                <div class="et_pb_video_wrap">
                                    <div class="et_pb_video_box">
                                        <div class="fluid-width-video-wrapper" style="padding-top: 56.2963%;">
                                            <iframe
                                                src="https://www.youtube.com/embed/<?php echo $url_vars['v']; ?>?feature=oembed"
                                                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                                allowfullscreen="" id="fitvid0" frameborder="0">
                                            </iframe>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- .et_pb_slide --> 
                            <?php
                            } else {
                                // Vídeo MP4 URL;
                                ?>
                                <div class="et_pb_video_slider_item_<?php echo $item; ?> et_pb_slide et_pb_bg_layout_dark et-pb-active-slide" style="z-index: <?php echo ++$item; ?>; 
                                    <?php if ($item > 1) { 
                                        echo "display: none; opacity: 0;";
                                } else {
                                    echo "display: block; opacity: 1;";
                                }?>">
                                <div class="et_pb_video_wrap">
                                    <div class="et_pb_video_box">
                                        <video controls="">
                                            <source type="video/mp4" src="<?php echo $video; ?>">
                                        </video>
                                    </div>
                                </div>
                            </div> <!-- .et_pb_slide --> 
                            <?php
                            }
                        ?>
                    <?php endwhile; ?>
                </div>
            </div>
        </div>
    <?php endif;
return ob_get_clean();
}
add_shortcode('galeria-videos', 'galeria_videos');