ACFのリピートフィールドで動画ファイルを表示させるコード
Advanced custom fieldのrepeater(リピートフィールド)を使ってHTML5動画を表示させる場合のwordpressのコードです。
今回の説明は、youtubeに動画をアップしてURLを記載する方法ではなく、
wordpressのメディア(サーバー)にアップしてそれを画面に表示させる方法です!
以下でACFを作成する場合。
●カスタムフィールド名:movie
●リピートフィールド(ファイルで返り値をURLにする事):moviein
※サブフィールドの動画を登録させるフィールドタイプはファイルを選択し、返り値はURLにする事!
●動画のタイトル:movietitle
<!-- ACFリピートフィールド ファイル、動画 --> <div class="videoList"> <?php while( have_rows('movie') ): the_row(); $t_video = get_sub_field('moviein'); $attr = array( 'mp4' => $t_video, 'preload' => 'auto' ); ?> <div class="video-wrap"> <?php echo wp_video_shortcode($attr); ?> <p><?php the_sub_field('movietitle'); ?></p> </div> <?php endwhile; ?> </div> <!-- ACFリピートフィールド ファイル、動画 -->
関連記事はこちら!
スポンサーリンク