AdaloのアプリにYouTubeを表示する方法【コンポーネント設定】

当ページのリンクには広告が含まれています。

ノーコードでアプリ開発をやってみたいと思ったときにおすすめな「Adalo」です。

Adalo(アダロ)は、簡単にアプリが作れるノンプログラミングツール。

プログラムコードを知らなくてもアプリ製作が可能なツールです。

Adaloで作るアプリにYouTube動画を表示したい時があるかもしれません。

そんな時に使える「AdaloにYouTubeを表示できるコンポーネント」を紹介します。

Adalo

Adaloは、ノーコードで使えるアプリ開発ツールです。
⇒ https://www.adalo.com/

Adaloを使用するには登録が必要です。

登録方法やエディタ画面は別記事に書いていますので、下記の記事を参考にしてください
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面

Youtube(ユーチューブ)コンポーネント

Adaloには、いろいろなコンポーネントがあります。

その中に、YouTube COMPONENT(ユーチューブコンポーネント)があります。

YouTubeコンポーネントは、最初から表示されているわけではありません。

YouTubeコンポーネントは、左サイドバーのMarketplaceの中にあります。

左サイドバーをスクロールして、MarketplaceのEXPLORE MARKETPLACEをクリックします。

クリックするとMarketplaceが開き、コンポーネントが表示されます。

画面をスクロールしていくとYouTubeがあります。

YouTubeコンポーネントを表示させて、INSTALLをクリックします。

クリックすると、INSTALLEDになります。

最後に、DONEをクリックします。

左サイドバーにInstalledと表示されます。

Installedの中に、YouTubeコンポーネントが追加されます。

YouTubeコンポーネントは、通常のコンポーネントと同じように、スクリーンへ移して使用します。

画面サイズの調整が行えますので、表示したいサイズに調整します。

YouTubeコンポーネントの設定は、Video URLを指定します。

YouTubeの共有をクリックして、URLをコピーします。

コピーした動画URLを貼り付けます。

プレビューで確認すると動画が表示されます。

もし表示されない時は、一度、Adaloを終了して、もう一度立ち上げてみてください。

YouTubeコンポーネントを使用すれば、Adaloにユーチューブ動画を組み込むことができます。


ここでは、「Adaloのナビゲーション(Navigation)コンポーネント」を紹介しました。

ノーコードツールのAdaloを使用する時の参考にしてください。

⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloのブランディング設定
⇒ Adaloの画像の入れ方
⇒ Adaloのスクリーン設定
⇒ AdaloのDatabase設定

スポンサードリンク



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です