メインビジュアルに動画を設定したい
 
通知
すべてクリア

[解決済] メインビジュアルに動画を設定したい

4 投稿
2 ユーザー
2 Likes
148 表示
 Koki
(@polepro)
投稿: 10
Eminent Member
Topic starter
 

メインビジュアルの単一画像として、短い動画(mp4やwebm)を設定したいのですが、現状できないようです。もし可能でしたら、動画も設定できるように改修いただけますでしょうか。

試した動画ファイルはmp4およびwebmで、いずれもWordPressのメディアライブラリには登録できる形式です。
XWRITEのメインビジュアルの画像選択欄でもアップロードした動画を選択し、設定すること自体はできるようです。

しかし、トップページを表示しても動画が表示されず、メインビジュアル部分にスペースが空いてしまいます。

詳細は、添付画像を参照ください。

可能であれば、動画ファイルもメインビジュアルとして表示されるようにできないでしょうか?
その際、動画がループ再生されるようにしていただければ幸甚です。

お忙しいところ恐縮ですが、ご確認およびご検討いただけますと幸いです。

XWRITEバージョン
2.3.5
WordPressバージョン
6.4.2
PHPバージョン
8.1.22
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2024年1月28日 11:39 PM
トピックタグ
ito_h
(@ito_h)
投稿: 338
Reputable Member Moderator
 

ご要望いただきありがとうございます 😊 

カスタマイザーのトップページ」 > 「メインビジュアル設定では画像のみの表示となりますので、以下の方法で動画の表示をお試しいただけますでしょうか?

1. WordPress管理画面より「外観」>「ウィジェット」を選択します。

2. ウィジェットエリア「トップページ メインビジュアル下部」に「セクション」ブロックを挿入します。

3. ブロックサイドバーの「背景の設定」から「メディアを選択」をクリックし、表示したい動画を選択します。

4. 画面右上の「更新」ボタンをクリックすることで動画をループ再生で表示できます。

そのほか、セクションブロックではフィルターやオーバーレイの不透明度も調整できます 😀 

 

カスタマイザーから動画の表示もできた方が良いかと思いますので、設定の追加を検討させていただきます。

もし分かりにくい点がございましたらお気軽にご連絡いただけると幸いです 😊 

 
投稿済 : 2024年1月29日 4:47 PM
Koki reacted
 Koki
(@polepro)
投稿: 10
Eminent Member
Topic starter
 

早速ご回答いただき、ありがとうございました。

ご教示いただきました方法で、メインビジュアルに画像を設定することができました。

ただセクションブロックを使うと動画の縦横比が崩れる(高さにパーセント指定ができない)ため、カスタムHTMLで<video>タグを挿入し、追加CSSでレイアウトを整える手法を取ることにしました。

実現したいことはできましたので、改修のご相談は取り下げます。

今回はありがとうございました。

 
投稿済 : 2024年1月30日 9:43 PM
ito_h
(@ito_h)
投稿: 338
Reputable Member Moderator
 

@polepro さま

ご返信いただきありがとうございます。

セクションブロックは「セクションの高さの最小値」設定から単位を変更することで、「vh (画面の高さの割合)」指定が可能です 😀 

 

解決済みとのことで当トピックはクローズとさせていただきますが、カスタマイザーの設定につきましては他の方も利用されることが多いかと思いますので、実装できたらと考えております。

追加のご要望などございましたらお気軽にトピックを立てていただけると幸いです 😊 

 
投稿済 : 2024年1月31日 6:46 PM
Koki reacted
共有: