- このトピックには8件の返信、2人の参加者があり、最後に
により2週、 4日前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 29.0.0
【お使いの Snow Monkey Blocks のバージョン】24.0.4
【お使いの Snow Monkey Editor のバージョン】11.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://www.8-octo.com/### 実現したいこと
MP4動画を下記参考サイトのようにファーストビューに表示させ、
クリックなどしなくてもユーザーがサイトへ訪れたタイミングで動画が自動再生されるように設定したいです。
イメージ参考サイト▶︎http://www.flowervase.biz/### 発生している問題
作成したMP4ファイルをWordPressメディアライブラリへアップロード、
フロントページの固定ページ編集よりアイキャッチ画像として設定しようとしたところ
添付のような状態が表示され結果動画は反映されませんでした。
### 試したこと
MP4がそもそもアイキャッチ画像として設定できないのかと思い、
ダミーとして適当な即席GIFを作り置き換えてみました。
結果軽いファイルサイズのGIFはアイキャッチ画像として設定できることは分かりましたが、
本来の動画として見せたい内容（コンテ）でGIFを書き出すとファイルサイズが大きくなりこれも設定できず検討中。イメージ参考サイトのような挙動を想定しているので、
GIFやYouTubeを介して表示させることは可能であれば避けたいです。
もしMy Snow Monkeyの方でMP4の挿入が可能でしたら方法をお聞きしたいです。Who liked: No userお世話になっております。
早速のご返信ありがとうございます。説明不足でした。
理想の見た目は、添付①のようにナビゲーションの下に潜るように
背景動画として実装したいと思っております。
おっしゃる通り、以前にセクション（背景画像/動画）・カバーブロックで実装してみたところ
ナビゲーションの次の要素として入れ込むことになるので
添付②のようにナビゲーション上部に余白ができてしまい、こちらの手段は断念しました。
添付①のような見た目にする他の解決策はありますでしょうか。
Who liked: No userんーヘッダーは普通に全ページ共通のヘッダーですかね？
Snow Monkey はコンテンツにヘッダーを重ねたい場合はカスタマイザーで「ヘッダー位置」をオーバーレイに設定します。
なので「ナビゲーションの次の要素として入れ込むことになるから」は直接的な原因ではないはずです。
「ホームページのコンテンツエリアに上下余白を追加する設定」にチェックが入っていると余白が追加されてしまいますが、その設定はどうなっていますか？
チェックが外れているのに余白が入っている場合は独自のカスタマイズや他の CSS が影響している可能性も考えられるので、実際にページをみて確認必要があるかなと思います。
Who liked:ご返信ありがとうございます。
現状のサイトはこちらです▶︎https://www.8-octo.com
参考にしたいサイトです▶︎http://www.flowervase.biz/ヘッダーは全ページ共通としております。
ご提案いただいた2点を試してみましたが、上部の余白は変わらず。
ヘッダーをオーバーレイにすると、スクロール時添付1のように色付きのバーが発生するので、
こちらもイメージ通りではないのです。。。
添付2のように、背景画像となっている部分が動画になるというイメージなのですが、
他方法としてはMy Snow Monkeyにて動画を挿入し、余白を削って全面表示させるというようなカスタムになるのでしょうか？
度々でお手数おかけしますが、よろしくお願いいたします。
Who liked: No userURL ありがとうございます。現状のサイトを確認すると、ページヘッダー（
.c-page-header）が入っていて、それが余白のように見えてしまっているようです。消すときれいに表示されるようになります。デフォルトだとトップページには入らないはずですが、何かカスタマイズが設定をされてたりしますかね？ヘッダーをオーバーレイにすると、スクロール時添付1のように色付きのバーが発生するので、
こちらもイメージ通りではないのです。。。現状は「オーバーレイ」ですよね？
「オーバーレイ（上部固定/スクロール時背景白）」にするとスクロール時にヘッダーの色が白になります。
「オーバーレイ（上部固定）」だとスクロール時も白くなりません。Who liked: No userご確認ありがとうございます。
ヘッダー オーバーレイの件は見落としによるもので失礼しました・・・
こちらは解消できました。.c-page-headerについてですがこちらでカスタムした心当たりがなく。
強いていうなら添付1の要素でしょうか？
こちらのスタイルに余白が付いてしまうような要因が分からず、
背景画像上部の余白を消せずにいます。
Who liked: No userカスタマイザー → ホームページ設定 → ホームページにページヘッダーを表示する、ですかね？
上記もオフになっているようであれば、
– My Snow Monkey プラグインを有効化している場合は無効化してみる
– 子テーマを使っている場合や Snow Monkey テーマに切り替えてみるを試してみてください。
Who liked:
- トピック「ファーストビューに自動再生ループ動画を挿入したい」には新しい返信をつけることはできません。