<div class="dynamic-block video-block" id="player<?php echo $order; ?>">
    <?php if(isset($block->typeName) && !in_array($block->typeName, ['Video block', ''])): ?>
        <h2><?php echo $block->typeName; ?></h2>
    <?php endif; ?>

    <div class="video-wrapper">
        <?php if(!empty($block->youtube)): ?>
            <div class="video-overlay <?php if(isset($block->autoPlay) && $block->autoPlay): ?> hide <?php endif; ?>"
                 style="background-image: url('https://img.youtube.com/vi/<?php echo $block->youtube; ?>/hqdefault.jpg');">
                <div class="button">
                    <img alt="youtube-play-buton" src="/img/youtubeButton.svg"/>
                </div>
            </div>
            <div id="ytplayer-<?php echo $order; ?>"></div>
        <?php elseif(!empty($block->vimeo)): ?>
            <iframe src="https://player.vimeo.com/video/<?php echo $block->vimeo; ?>" style="border: 0px;"></iframe>
       <?php endif; ?>
    </div>
</div>