<div class="project-inner">
    <div class="project-post-thumbnail">

        <?php
        $video_file = get_post_meta(get_the_ID(), 'video_project_file', true);

        $video_url = get_post_meta(get_the_ID(), 'video_project_url', true);

        if ($video_file) {
            echo '<video autoplay loop muted><source src="' . esc_url($video_file) . '" type="video/mp4"></video>';
        } elseif ($video_url) {
            $separator = strpos($video_url, '?') === false ? '?' : '&';
            $video_url .= $separator . 'autoplay=1&loop=1&mute=1';
            echo wp_oembed_get($video_url);
        } else {
            if (has_post_thumbnail()) {
                the_post_thumbnail('large', array('class' => 'featured-image'));
            }
        }
        ?>


    </div>
    <div class="project-content">
        <?php the_title('<h2 class="entry-title"><a href="' . esc_url(get_permalink()) . '" rel="bookmark">', '</a></h2>'); ?>

        <?php
        $project_id = isset($project['id']) ? $project['id'] : get_the_ID();

        $categories = get_the_terms($project_id, 'motiox_project_cat');
        if (!empty($categories) && !is_wp_error($categories)) :
            $first_category = $categories[0];
            ?>
            <div class="project-categories">
                <a href="<?php echo esc_url(get_term_link($first_category)); ?>" class="project-category">
                    <div class="project-category-text">
                        <div class="project-category-title-hover">
                            <?php echo esc_html($first_category->name); ?>
                        </div>
                        <div class="project-category-title">
                            <?php echo esc_html($first_category->name); ?>
                        </div>
                    </div>
                </a>
            </div>
        <?php endif; ?>
    </div>
</div>