wordpressの「JIn」というテンプレを使用しているものです。
自分で編集したmp4の動画をトップ画像に使用したいです。
自分のサイトURLです。この「オトモニア」という画像のところを動画にしたいです。
https://otomonia.com/
できたらYouTubeからの引用で設定するのではなく、直接動画を埋め込みたいです。
プログラミングの知識があまりなく、参考サイトを読んでもあまり理解できませんでした。。。
お手数おかけいたしますが、どうかよろしくお願いいたします。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
ベストアンサー
テーマによってさまざまですが、動画自体はこのコードで挿入できます
<video src="動画のURL" width="幅" height="高さ" autoplay="true" loop="true" controlbar="no"></video>
※コード内で設定すべきもの
【動画のURL】メディアへアップロードしたものであればそのURLを、大きな動画を直接扱う場合にはFTPでUPLOADSフォルダなどへアップロードしてそのURLを記述する
【幅・高さ】動画の幅と高さを設定します(pxまたは%)。幅だけ指定して高さはautoにするといいかと思います。元の動画の幅以上にすることはできないようですね
【autoplay】自動再生するか(trueは「する」falseは「しない」)
【loop】繰り返しをするか(trueは「する」falseは「しない」)
【controlbar】再生状況のバー表示をするか(trueは「する」falseは「しない」)
まずはこれを投稿などの本文などへ入れて、再生できるかを確認してみてください
再生できたら、テーマのheader.php(テーマによって異なる場合あり)を見て、ヘッダー画像の出力されている部分あたりに再生できたコードを入れてみて、再生できるかを確認します。
うまく再生できたらヘッダー画像の部分のコードを削除すれば完成です
※この方法はあくまでも一般的なやり方ですから、何度も書くようにテーマや環境でさまざまですから参考程度に読んでくださいね。
※再生できる?できない?のみの回答ですのでこれ以上の質問にはお答えしかねますのでご了承ください。
投稿2018/07/23 06:21
総合スコア1509
0
WordPressのテーマを直接編集する必要があると思われます。
テーマの編集の仕方は下記などを参照にすると良いでしょう(下記はCSSの編集なので、該当するphpファイルに置き換えてください)
https://techacademy.jp/magazine/7750
サイトを参照したところ、編集したい箇所は<div id="main-image" class="main-image animate">
のあたりになりますので、今画像が表示されている部分をvideoタグに置き換えるような形になると思います。
また、WordPressではGUI操作からカスタマイズできない部分に関してはhtmlやphpなどのファイルを直接編集して
変更を行っていかなければならない部分もあるので、WordPressの構造やプログラミングについて知る必要があります。
ご参考になれば幸いです。
投稿2018/07/23 08:17
総合スコア1313
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/24 05:15
2018/07/24 05:21
2018/07/24 05:27
0
お使いのテンプレート「JIN」は恐らく購入されたモノかと思います。
テンプレートを作成した販売元に問い合わせるのが良いかと思います。
ちょっとした変更かと思いますが、エンジニアにとって立派な案件レベルの質問に見えることもあるので質問内容は気を付けた方が良いかと思います。
「分からないからやって?」っと捉えられてもしょうがないかと・・・
直接コード編集出来るのであればmomosiriさんの回答で事足りると思いますよ。
投稿2018/07/23 07:52
編集2018/07/23 07:53総合スコア181
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/24 04:59