前提・実現したいこと
■記事のアイキャッチにYouTube・Viemo動画のサムネイル画像を取得して配置。
■アイキャッチに埋め込まれた動画をクリックすることで動画がポップアップ再生される。
■記事の更新をなるべく簡単に済ませたいので、カスタムフィールドに動画のIDを入力するだけで済むようにしたい。
■投稿の編集内にラジオボタンを置き、YouTubeとViemoを切り替えられるようにしたい。
→YouTubeの時はYouTube用のhtml、Viemoの時はViemo用のhtmlを出力する(IDのカスタムフィールドは、YouTube用とViemo用それぞれ用意)
詳細
先日、「WordPressの記事一覧のサムネイルに動画を埋め込んで再生できるようにしたい」という質問をさせていただいた者です。
結局、iframeで埋め込んだ動画のポップアップ再生は難しそうということで、各記事のアイキャッチに動画のサムネイルを取得して配置し、Easy Funcy Boxのプラグインを使うことで動画をポップアップ再生する方向に決めました。
構造としては、1つの記事につき動画が1つ埋め込まれた状態で、記事一覧でたくさんの動画が並んでいるように見せる形になります。
※記事ページの遷移はタイトルをクリック。アイキャッチをクリックすると動画再生。
しかしここで新しい問題が出てきました。
現在、投稿の編集ページにカスタムフィールドを設置し、そこに入れたIDを判別して再生される動画を変えられるようにしています。
新しい問題がサムネイル画像の取得方法です。
いろいろと調べたところ「Video Thumbnails」というプラグインを見つけたのですが、これは本文に動画のURLを入れて公開することで自動的にアイキャッチ画像が動画のサムネイルに設定されるというものです。
できればカスタムフィールドに動画のIDを入力するだけで以下のことを実現したいです。
・動画のサムネイルを自動で取得
・入力されたIDの動画URLがリンク先に設定される
下記のページにサムネイル画像をサイズ別に取得する方法が載っているのですが、記事一覧のサムネイルが表示される部分に「http://img.youtube.com/vi/【カスタムフィールドに入力されたID】/hqdefault.jpg」という形で組めば自動で表示されるでしょうか?
動画サイトへの直リンクという形になると思うのですが、これはやってもいいことなのでしょうか?
https://applica.info/youtube-thumbnail-acquisition
お手数おかけしますが、何卒よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。