アプリケーションへのビデオの追加
この記事では、OutSystems UIパターンを使用してWebアプリケーションにビデオを追加する方法について説明しています。
OutSystems Webアプリケーションにビデオを追加するには、様々な方法があります。
- URLでアクセスするビデオファイルを使用する;
- リソースとして保存されているローカルの動画ファイルを使用する;
- YouTubeやVimeoなどのストリーミングプラットフォームのビデオをストリーミングする
- OutSystems Forgeで入手可能なYouTubeReactiveコンポーネントを使用する(リアクティブWebのみ)
Webアプリケーションに動画ファイルを追加する{ #add-video-files-to-your-app }
最初の2つの方法では、OutSystems UIのVideoパターンを使用します。Webサーバーに保存されている動画ファイルのURLを追加するか、OutSystemsサーバーに動画ファイルをアップロードしてリソースで使用することができます。これら2つの方法の詳細については、Videoパターンのオンラインヘルプをご覧ください。
ビデオストリーミングを埋め込む{ #how-to-embed-video-streaming }
YouTubeやVimeoなどのストリーミングプラットフォームのビデオを埋め込むには、以下の手順を実行します。
-
アプリに埋め込むビデオをインターネットブラウザで開きます。
-
ビデオの共有オプションで埋め込みオプションを選択します。
-
ソースビデオの埋め込み用パスをコピーします。
-
デフォルトのビデオサイズを使用する場合は、ビデオの幅と高さをメモに取ります。
-
Service Studioの[Interface]タブで、ツールボックスからアプリケーションの画面にIframeブロックをドラッグします。
-
[Properties]タブの[SourceURL]フィールドに埋め込み用URLを貼り付けます。
-
ビデオのタイトルを入力します。このフィールドへの入力は任意です。
-
[Height]と[Width]の値を入力します。ビデオのデフォルトのサイズで埋め込む場合は、先ほどメモに取った値を入力します。独自の値を使用することもできます。このフィールドへの入力は任意です。
これでアプリケーションにビデオが埋め込まれました。