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リピートフィールド ファイル、動画 -->
関連記事はこちら!
スポンサーリンク






