HTML5を使って、プラグインを使わずに、Wordpressのテーマに背景ビデオを埋め込むにはどうしたらいいですか？

Question

私は、現在存在する大きな画像の代わりに、ワードプレスのウェブサイトに背景ビデオを追加しようとしています。

私はHTML5とCSSでビデオを設定する方法を理解していますが、phpにはあまり慣れていないので、ビデオ/ s（wmpとmp4 ）をメディアライブラリから選択して表示します。

この問題についてのガイダンスは大変ありがとうございます。ありがとう！

私は、これを変更する必要があるコードの一部であることを知っている：

<div class="intro-block"> 
    <?php if (has_post_thumbnail()):?> 
     <?php the_post_thumbnail('full'); ?> 
    <?php else: ?> 
     <?php 
      $image = get_field('global_intro_image', 'option'); 
      if(!empty($image)): ?> 
      <img src="<?php echo $image['url']; ?>" alt="<?php echo  $image['alt']; ?>" > 
     <?php endif; ?> 
     <?php endif; ?> 
     <div class="text-holder"> 
     <div class="container"> 
      <?php if($title = get_field('title')) : ?> 
       <h1><?php echo $title; ?></h1> 
      <?php endif; ?> 
      <?php if($find_btn_link = get_field('find_btn_link')) : ?> 
       <a href="<?php echo $find_btn_link; ?>" class="btn btn-blue white-border"> <?php echo get_field('find_btn_text'); ?></a> 
      <?php endif; ?> 
     </div> 
    </div> 
</div> 

それは、現在のページのための機能を備えた画像を取り出して、それを表示します。

どこから始めたらよいですか？

ありがとうございます！

Answer 1

まず、画像を呼び出す部分を見つける必要があります。この部分のように見える：

  if(!empty($image)): ?> 
 
      <img src="<?php echo $image['url']; ?>" alt="<?php echo  $image['alt']; ?>" > 
 
     <?php endif; ?>

そして、この部分をコメントアウトするか、単にコードのこの部分を削除し、videoタグとスタイルで、それはそれはあなたが必要なだけのように見える場合は交換。

その後、WordPressバックエンドのビデオを表示できるようにする必要がある場合は、オプションページを作成するか、またはテーマオプションページがある場合にのみフィールドを追加する必要があります。 https://codex.wordpress.org/Creating_Options_Pages

でも簡単にACFプロ