ワードプレスでTOP画面のアイキャッチ画像の代わりに、動画を流したいのですが、うまくいっておりません。
下記サイトはワードプレスの無料テーマのサンプルですが、こちらのTOPのスライダーの部分を動画に変えたいのです。
https://webriti.com/demo/wp/preview/?prev=busiprof/
有料テーマですとTOPに動画を組み込んだものはいくつか見つかりましたが、無料テーマだと見つけられず、プラグインもいくつか試しましたが、すべて投稿ページのものであり、解決できておりません。
【動画配置イメージ】
https://www.cinra.co.jp/
現在はyoutubeなどからリンクを入れるよう取り組んでおりますが、もし難しいのでしたら、MP4などを埋め込むやり方でも構いません。
無料のテーマ、もしくはプラグイン、または、簡単に設置できるタグなどありましたら、ご教授いただければ大変助かります。
それではよろしくお願いいたします。
9/11追記
たとえばこういったページのスライダー画像部分に動画を埋め込みたい場合、どの部分にどう記述すれば表示できるのでしょうか?
ja
1<section class="slider"> 2 <ul class="slides"> 3 <li> 4 <?php if($slide_options['image_url']!='') { ?> 5 <img alt="img" src="<?php echo esc_url($slide_options['image_url']); ?>" /> 6 <?php } else { ?> 7 <img alt="img" src="<?php echo esc_url($current_options['slider_image']); ?>" /> 8 <?php } ?> 9 <div class="container"> 10 <div class="slide-caption"> 11 <?php if($slide_options['title']!='') {?> 12 <h2><?php echo esc_html($slide_options['title']); ?></h2> 13 <?php } 14 else { ?> <h2><?php echo esc_html($current_options['caption_head']); ?></h2> <?php } 15 if($slide_options['text']!='') {?> 16 <p><?php echo esc_html($slide_options['text']); ?></p> 17 <?php } else if($current_options['caption_text']!='') {?> 18 <p><?php echo esc_html($current_options['caption_text']); ?></p> 19 <?php } if($slide_options['link']!=''){ ?> 20 <div><a href="<?php echo esc_url($slide_options['link']); ?>" target="_blank" class="flex-btn"><?php echo esc_html($slide_options['button_text']); ?></a> 21 </div> 22 <?php } 23 else 24 { ?> 25 <?php if($current_options['readmore_text_link']!=''){ ?> 26 <div><a href="<?php echo esc_url($current_options['readmore_text_link']); ?>" target="_blank" class="flex-btn"><?php echo esc_html($current_options['readmore_text']); ?></a> 27 </div> 28 <?php }?> 29 30 <?php } ?> 31 </div> 32 </div> 33 </li> 34 </ul> 35 </section>
詳細をもう少しわかりやすく追記いたします。
動画は以下を仮で埋め込みたいと思います。
ja
1https://www.youtube.com/watch?v=09R8_2nJtjg&list=RDEM4pYJp7xJSejhXY9TYgUzPw
スライドの「代わりに」入れようと考えております。
下記サイトのスライド部分にあたる個所に「動画」を配置し、
https://webriti.com/demo/wp/preview/?prev=busiprof/
(動画背景イメージ↓)
http://www.honda-recruit.jp/
背景に動画を流そうと考えており、先日unau様にご回答いただいた「iframeの埋め込みタグ」を
ja
1<ul class="slides"> 2```の直下や<li>の中などに下記iframeタグ 3```ja 4<iframe width="560" height="315" src="https://www.youtube.com/embed/09R8_2nJtjg" frameborder="0" allowfullscreen></iframe>
を配置してみましたが、外見が全く変わりませんでした(動画自体が表示されない)。
それでは、よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー