# BubbleでYoutubeの動画をリスト表示するとクラッシュする

**URL:** <https://www.nocode-faq.com/t/topic/3740>\
**Category:** bubble\
**Tags:** フロントエンド, エラー対応\
**Created:** [2023 年 6 月 26 日午前 6:09 UTC](https://www.nocode-faq.com/t/topic/3740 "2023-06-26T06:09:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ysys0201](https://avatars.discourse-cdn.com/v4/letter/y/7993a0/32.png) [@ysys0201](https://www.nocode-faq.com/u/ysys0201)\
**Post date:** [2023 年 6 月 26 日午前 6:09 UTC](https://www.nocode-faq.com/t/topic/3740/1 "2023-06-26T06:09:27Z")

</div>

### 前提条件

Bubbleの純正のVideoエレメントを使い、以下のようにYoutubeの動画をリストで表示させようとしています。

 ![スクリーンショット 2023-06-26 15.07.53](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e49bce5444aeef32a314cfc794ba8b7966113c9e.png)

 ![スクリーンショット 2023-06-26 15.07.13](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1c90834b04db5c1608a25e7f10d7007729a67237.jpeg)

Mediaというデータに表示させたい動画のIDは入れているので、RepeatingGroupとVideoエレメントを使って表示させているだけなのですが、スマホで見ると下のように「問題が発生しました」となり、クラッシュすることが時々あります。

 ![IMG_3418](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d11bcaf28b28d5518d447567f1863b00d4eda2e6.jpeg)

コンソールを見るとエラーが数千件発生しているのでこれが原因なのではないかと思っているのですが、どのように対処すれば良いかわかりません。(エラーは動画の数に応じて増えます)

 ![スクリーンショット 2023-06-26 14.53.08](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a25ac0f44938b938ba2c08ae6937b27aa4d08d1c.jpeg)

解決方法を知っている方がいらっしゃればご教示いただければ幸いです。  
よろしくお願いいたします。

エディタはこちらです。

> **[Bubble Editor - Testyuma](https://bubble.io/page?type=page&name=media_test&id=testyuma&tab=tabs-1)**
>
> Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.

### 試したこと

HTMLエレメントを使ってiframeで表示させてみましたが同様のエラーが発生しました。

### 補足

クラッシュはパソコンだとほとんど発生せず、スマホで発生することが多いです。

---

<div class="post-metadata">

**Author:** ![yukikun](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yukikun/32/3485_2.png) [@yukikun](https://www.nocode-faq.com/u/yukikun)\
**Post date:** [2023 年 6 月 29 日午前 7:13 UTC](https://www.nocode-faq.com/t/topic/3740/2 "2023-06-29T07:13:01Z")

</div>

質問のエレメントを使用したことが無いので憶測ですが、ブラウザの制限や端末の制限などによって  
メディア（動画）属性のデータの同時取得数が制限されているのではないでしょうか・・・？

例えばローカル環境で、htmlを作成してそこに同じ数を並べてブラウザから表示させても同じ事象が発生するか確認して、その場合は発生しないのであればBubble環境の制限なども含めて調査かなと思います。

---

<div class="post-metadata">

**Author:** ![ysys0201](https://avatars.discourse-cdn.com/v4/letter/y/7993a0/32.png) [@ysys0201](https://www.nocode-faq.com/u/ysys0201)\
**Post date:** [2023 年 6 月 29 日午前 9:47 UTC](https://www.nocode-faq.com/t/topic/3740/3 "2023-06-29T09:47:12Z")

</div>

ご回答いただきありがとうございます。  
HTMLで試してみようと思います。