Adobe Captivate プロジェクトに Web オブジェクトを追加

左側のツールバーで「メディアブロックを追加」を選択します。

「Web オブジェクト」を選択します。

ビジュアルプロパティパネルで、コンテンツブロックに含める Web オブジェクトの数を選択します。1 つのスライドにつき 2 つまで指定できます。

「コンポーネント」セクションを使用して、キャプション、字幕、カード、ボタンなどのコンポーネントを追加します。

• キャプション / 字幕：コンテンツブロック内にテキストプレースホルダーを追加します。 
• カード：Web オブジェクトの周囲にカードを追加し、コンテナとして機能させます。 
• ボタン：Web オブジェクトの表示と非表示、インタラクションとアニメーションの追加に使用できます。 

「埋め込みコード」オプションを選択します。

埋め込みコードを YouTube、Vimeo、または任意のビデオストリーミングプラットフォームからコピーして貼り付けます。

YouTube ビデオの埋め込みコードの例を以下に示します。

<iframe width="560" height="315" src="https://www.youtube.com/embed/pydJXGFsQ3A?si=Xn7kPDoNG9UduYX8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

埋め込みコードを貼り付けると、プレビューがスライドに表示されます。

Web オブジェクトコンテンツブロックの領域全体を利用するには、iframe の埋め込みコードを編集します。 コードを調整して、width と height の属性を「100％」に設定します。 例：width="100%" height="100%"。 これにより、Web オブジェクトが使用可能な領域を完全に占有します。

システムから PDF ファイルを参照するには、「システム」オプションを選択してから、 アイコンを選択します。 プロジェクトをパブリッシュすると、PDF がプロジェクトファイルにコピーされます。

右上隅の「プレビュー」を選択して、実行時に様々なデバイスビューで PDF がどのように表示されるかを確認します。 プレビュー中に、検索、スクロール、注釈、ファイルの保存などの主要な機能をテストします。

「外観」セクションで、Web オブジェクトコンテンツブロックの外観をカスタマイズします。 背景色を調整し、境界線を追加し、シャドウを適用して、視覚的な魅力を高めます。

「整列および間隔」セクションでは、スライダーを使用したり、コンテンツと境界線の間にパディングを追加したりして、コンテンツ幅を調整できます。 Adobe Captivate でのパディングと自動レイアウトについて、詳細を確認してください。

Web オブジェクトの周囲にカードを追加します。 「カード」オプションを「コンポーネント」から選択し、「カード」セクションを展開してカードの外観を変更します。

「キャプション」または「字幕」のテキストコンポーネントを選択して、外観をカスタマイズします。 テキストカラーの調整、ハイライトまたはシャドウの適用、箇条書きまたは番号の追加、プリセットパネルからのスタイルの選択を行うことができます。

「ボタン」コンポーネントを選択して、デザインをカスタマイズしたり、パディングを追加したりします。 シェイプ、テキスト、アイコン、色、境界線を変更したり、シャドウを追加したりして、パーソナライズされた外観を実現できます。