質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

YouTube

YouTubeとはユーザーがビデオをアップロード・共有・閲覧できるビデオ共有ウェブサイトです。

Q&A

解決済

1回答

1454閲覧

YouTube・Viemoのサムネイル画像と動画URLをIDだけで自動取得したい。

saku615

総合スコア45

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

YouTube

YouTubeとはユーザーがビデオをアップロード・共有・閲覧できるビデオ共有ウェブサイトです。

0グッド

1クリップ

投稿2019/09/04 09:17

前提・実現したいこと

■記事のアイキャッチに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

お手数おかけしますが、何卒よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

どうにか解決しました。

投稿2020/01/19 21:06

saku615

総合スコア45

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問