アピールエリアの動画対応 - 要望 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/ Cocoon ディスカッション掲示板 ja Wed, 13 May 2026 15:57:45 +0000 wpForo 60 gifアニメで解決できますのでまずはそちらでRE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-50899 Sun, 30 May 2021 22:46:06 +0000
投稿者:: @kodaira

わいひら様

現在、Cocoonにてサイトを作り始めており、いろんな面で感激しています。

 

さて、要望ですので、時間のある時、気の向いた時に、検討ください。

 

アピールエリアですが、画像だけではなく、動画（自動再生）も載せられるようにできないでしょうか。

（アピール力が、格段に上がります）

 

自作で、縦サイズ、横サイズは、エリアに合わせることとし、サイト内メディアに、アップロードしていることが前提です。

 

よろしくお願いします。

とりあえずGifアニメで希望している近くの事までには寄せられると思いますので、やってみたらどうでしょうか？

 

試しではありますが、私も他人との差別化という意味で、動きを与えたいと思いから、現在のCocoonの機能で工夫できる範囲で考えてGifアニメに辿り着きました。

 

まあ、フレーム数上げても解像度的には低いのでかなり限定的な使い方になりますが、工夫としてはお気軽な手法で、思っているイメージに近いことはできるかと。

 

ただし、SEO的にはマイナスに動きそうですから、あくまでも他人との差別化と見た目とサイトのイメージアップってだけだと思いますけど。

 

自身のサイトで試験運用していますので、参考までにどうぞ＾＾

https://nikeesports.com

]]> 要望 Jolno https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-50899 RE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14111 Tue, 19 Mar 2019 11:54:06 +0000 前回僕が書き込んだものは、自分用の実装するためのメモみたいな感じです（Akiraさんのリンクでイメージがつかめたので）。
「.mp4のみであれば、簡単に実装出来るかな」みたいな感じです。

現在取り掛かっているものが済んだら、みたいな感じで考えています（保証はできませんが）。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14111 RE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14109 Tue, 19 Mar 2019 11:40:25 +0000 わいひら様、Akira様、かうたっく様、

ご教授ありがとうございます。

 

紹介いただいたサイトでは、Mixkitが、かなりイメージに近いです。

webmは、作る方から考えても手軽さに欠け、普及までの間、mp4が現実的と思いますが。

 

さて、紹介いただいた方法を試してみましたが、

それなりに表示されますが

 

アイールエリアとしての特性上、

割と頻繁に入れ替えること（手軽性）、

アピールエリア っぽさがあること（ダイナミック性）、

の両立は、なかなか簡単にはいかないなと思っています。

 

試行錯誤してみます。

ありがとうございます。

 

また、いろいろ教えてください。

]]> 要望 kodaira https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14109 RE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14051 Mon, 18 Mar 2019 11:27:51 +0000 .mp4だけで良いというのであれば、そこまで難しくはないかもしれませんね。
https://kigiroku.com/frontend/bgMovie.html
.webmも設定する必要がある場合は、設定項目もタグも増えるので面倒そうですが。
https://nelog.jp/video-background

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14051 RE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14002 Sun, 17 Mar 2019 22:42:15 +0000 普通にグローバルナビとcontentの間に入れるだけであれば

tmp-user/main-before.phpに　div class="wrap hoge"で囲った動画iframeをいれ、.hoge iframeのwidthを100%にしてもイケるかも。

]]> 要望 かうたっく https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-14002 RE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-13990 Sun, 17 Mar 2019 12:03:33 +0000 こんなサイトみたいな感じかな？

Mixkit

84.Paris

第一高周波工業

]]> 要望 Akira https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-13990 RE: アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-13985 Sun, 17 Mar 2019 11:33:44 +0000 検討してみます。
ただ、動画をそのように利用しているサイトはあまり見かけないので需要的な観点と、ページ表示スピードの観点から優先度は低くなると思います。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-13985 アピールエリアの動画対応 https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-13955 Sat, 16 Mar 2019 23:12:49 +0000 わいひら様

現在、Cocoonにてサイトを作り始めており、いろんな面で感激しています。

 

さて、要望ですので、時間のある時、気の向いた時に、検討ください。

 

アピールエリアですが、画像だけではなく、動画（自動再生）も載せられるようにできないでしょうか。

（アピール力が、格段に上がります）

 

自作で、縦サイズ、横サイズは、エリアに合わせることとし、サイト内メディアに、アップロードしていることが前提です。

 

よろしくお願いします。

]]> 要望 kodaira https://wp-cocoon.com/community/demands/%e3%82%a2%e3%83%94%e3%83%bc%e3%83%ab%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%ae%e5%8b%95%e7%94%bb%e5%af%be%e5%bf%9c/#post-13955