wordpressで投稿記事の動画をトップページで表示させたい。

前提・実現したいこと

・wordpress の投稿に動画を載せたのをトップページで表示させたい。
・トップページでは上から、動画、日付、タイトル、本文の順番で表示させたい。
・画像の灰色の部分が動画になり、再生できるようにしたい。

発生している問題・エラーメッセージ

・本文中に動画が挿入されているため、上から、日付、タイトル、動画、本文の順番になってしまう。

該当のソースコード

<section id="feature" class="bg-feature"> <h2 class="my-5 pt-4 title"><span>特集動画</span></h2> <div class="container-fluid pb-4 mb-5"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner row w-100 mx-auto mb-3"> <?php if ( have_posts()) : while ( have_posts() ) : the_post(); ?> <?php if ($wp_query->current_post == 0) : ?> <div class="carousel-item col-md-4 active"> <div class="card mb-3"> <?php $format = get_post_format( $post_id ); ?> <div class="card-body"> <p class="time"> <?php the_time( "Y-m-d" ); ?> </p> <p class="card-title text-primary font-weight-bold mb-2"> <?php the_title(); ?> </p> <p class="card-text"> <?php the_content(); ?> </p> </div> </div> </div> <?php endif; ?> <?php if ($wp_query->current_post != $wp_query->post_count - 1) : ?> <div class="carousel-item col-md-4"> <div class="card mb-3"> <?php $format = get_post_format( $post_id ); ?> <div class="card-body"> <p class="time"> <?php the_time( "Y-m-d" ); ?> </p> <p class="card-title text-primary font-weight-bold mb-2"> <?php the_title(); ?> </p> <p class="card-text"> <?php the_content(); ?> </p> </div> </div> </div> <?php endif; ?> <?php endwhile; endif; ?> </div> <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <a href="#" class="my-5 mx-auto btn-gradient-radius d-table">特集動画一覧<i class="fas fa-angle-right ml-4"></i></a> </div> </section>