# StudioでVimeo埋め込みリンクをカルーセル表示したい

**URL:** <https://www.nocode-faq.com/t/topic/2277>\
**Category:** STUDIO\
**Created:** [2021 年 10 月 20 日午後 12:08 UTC](https://www.nocode-faq.com/t/topic/2277 "2021-10-20T12:08:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![annamaria.duvet](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/annamaria.duvet/32/2733_2.png) [@annamaria.duvet](https://www.nocode-faq.com/u/annamaria.duvet)\
**Post date:** [2021 年 10 月 20 日午後 12:08 UTC](https://www.nocode-faq.com/t/topic/2277/1 "2021-10-20T12:08:23Z")

</div>

やりたいことは文字通りで、Vimeo埋め込みリンクをそのまま複数表示させると画面上で場所をとるので、カルーセル表示にして縦幅をコンパクトにしたいと考えています。

カルーセル表示自体の実現方法はあることはわかりましたが、「CMSコンテンツ」以外は原則的に表示に対応していなさそうです。  
※手元でもカルーセルパーツに試しにVimeoのURLを入れてみましたが、エラー表示が出て正しく認識されませんでした。

確認したURL：  
[https://help.studio.design/ja/articles/4129089-カルーセルスライダー](https://help.studio.design/ja/articles/4129089-%E3%82%AB%E3%83%AB%E3%83%BC%E3%82%BB%E3%83%AB%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC)

> **[STUDIOのCMSカルーセルで自動再生させる方法](https://studio-gaz.design/blog/slide-auto-play)**
>
> 今回は3.0で新しく実装されたCMS機能の中のカルーセル（記事スライダー）の自動アニメーションの方法をまとめたいと思います。

他にどのような打開策があるか、アイディア頂けると嬉しいです！

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2021 年 10 月 21 日午後 1:24 UTC](https://www.nocode-faq.com/t/topic/2277/2 "2021-10-21T13:24:44Z")

</div>

Vimeo を表示させるためには、Vimeoのコンテンツを使わないと表示されないですよね。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d0aa0c9cf58735d6f3545779632ce43722abb9ad.png)

ただ、CMSのプロパティにiframeがないので、カルーセルをVimeoで表示させる方法ないかと思います。。。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b08ba6c0c8031b3f1162c4aa8de47e4bdeb740f8.png)

---

<div class="post-metadata">

**Author:** ![mochi](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/mochi/32/2948_2.png) [@mochi](https://www.nocode-faq.com/u/mochi)\
**Post date:** [2021 年 10 月 25 日午前 7:47 UTC](https://www.nocode-faq.com/t/topic/2277/3 "2021-10-25T07:47:38Z")

</div>

Vimeoの埋め込みをCMS機能でカルーセル表示するのは現状出来ないと思います(´-﹏-`；)

代替案としては横スクロールさせることだったら出来るのではないでしょうか？(^^)/  
こちらの動画で横スクロールのつくり方が解説されているので一度見てみてください♪

[![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/428b0f959bf22b4732fd7826804200fe6f87ceed.jpeg "横スクロールの設定方法 | STUDIO Tips") ](https://www.youtube.com/watch?v=c5tQGsDV0zQ)

---

<div class="post-metadata">

**Author:** ![annamaria.duvet](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/annamaria.duvet/32/2733_2.png) [@annamaria.duvet](https://www.nocode-faq.com/u/annamaria.duvet)\
**Post date:** [2021 年 10 月 28 日午前 6:16 UTC](https://www.nocode-faq.com/t/topic/2277/4 "2021-10-28T06:16:13Z")

</div>

@tsubasa @mochi  
お二人ともご回答ありがとうございます！  
確かに、カルーセルとまではいかずとも、横スクロールできれば最低限の目的（縦幅をコンパクトにする）は達成できそうです！  
mochiさんにご提案頂いたやり方で試してみようと思います。
