ACFのリピートフィールドで動画ファイルを表示させるコード

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リピートフィールド ファイル、動画 -->

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP