埋め込み Web パーツを使用して SharePoint 空間にコンテンツを追加する

埋め込みを許可する Web サイト (YouTube や Bing マップなど) から SharePoint 空間にコンテンツを表示できます。 それらの多くは、コンテンツにサイトの Web アドレスを使用するか、サイトが提供するコードを埋め込むことができます。

注

  • 一部の機能は、対象指定リリース プログラム に参加している組織に段階的に導入されます。 つまり、この機能はまだ表示されない場合があります。または、このヘルプ記事で説明されている機能とは異なって見える場合があります。
  • 空間では、埋め込みコンテンツは、検査モードのときに完全な HTML 埋め込みコンテンツを読み込むサムネイル画像として最初に表示されます。 VR ヘッドセットを使用しているユーザーは、サムネイルのみを表示できます。

  1. まだ編集モードでない場合は、スペースの右上にある [編集 ] を選択します。

  2. キャンバスで、円で囲まれている + アイコンを選択します。

  3. [ 埋め込み] を選択します。

  4. クリックすると、Web パーツが構造 (フロア) 上の任意の場所に配置されます。

  5. プロパティ パネルで、URL または HTML iframe タグを入力します。 これを行う方法の詳細については、この記事の 「Web サイト アドレスまたは埋め込みコードを使用する 」セクションを参照してください。

  6. 3D 空間で使用する特定のサムネイルを指定する場合、または自動選択されたサムネイルを使用できない場合は、[ カスタム イメージ ] を選択します。次に、イメージを選択します。 [ イメージで透過性を使用する ] を選択して、バックプレートなしでカスタム イメージを表示し、透過性を有効にします。

    サムネイル画像の設定
    自動選択されたサムネイルは、コンテンツで使用できる場合と使用できない場合があります。 自動生成されたサムネイルを使用できない場合、Web パーツはタイムアウトし、警告アイコンを表示します。 その場合は、カスタム イメージを使用します。

    警告メッセージ

  7. (省略可能) ページに合わせてサイズを変更するかどうかを選択します。 これにより、iframe が画面上で使用可能なすべての領域を使用するか、サムネイル画像の縦横比と一致するかを制御します。

    注

    埋め込みコンテンツの周囲に黒い枠線が表示されている場合は、この設定が有効になっていることを確認します

  8. (省略可能)イメージの外観の設定を選択します。
    -画像の背後にあるパネルの深さ
    - コーナー半径

  9. スペースに表示されるサムネイルの 代替テキスト を選択して入力します。

  10. (省略可能)画像の下に表彰台を表示する場合は、[表彰 台の表示] を選択します。 画像と表彰台の距離を設定するには、[ 表彰台からの高さ ] スライダーを使用します。

  11. 下書きまたは発行として保存し、Web パーツを検査して、埋め込まれた HTML コンテンツが必要に応じて読み込まれることを確認します。

注

  • プロパティ ウィンドウが表示されない場合は、Web パーツの左側にある [Web パーツの編集] [Web パーツの編集] ボタンをクリックします。
  • コンテンツへのリンクは、リンクを使用してコンテンツを埋め込む特定のサービスを提供する Web サイトでのみ機能します。 埋め込むコンテンツにリンクが機能しない場合は、代わりに埋め込みコードを使用してみてください。

SharePoint スペース埋め込み Web パーツで Web サイト アドレスまたは埋め込みコードを使用する

埋め込み Web パーツは、埋め込みコードまたは Web サイト アドレスを使用して指定できる幅広いコンテンツをサポートします。 コンテンツには、YouTube ビデオ、Bing マップ、PowerPoint、Microsoft Forms、Microsoft PowerAppsなどの Office ドキュメントを含めることができます。 

注

一部のコンテンツでは、自動的に生成されたサムネイルは使用できません。 Web パーツがここに示すように警告インジケーターで読み込まれる場合は、[ カスタム イメージ ] オプションを選択し、イメージを選択します。

警告メッセージ

Web サイト アドレスを使用してコンテンツを表示する

コンテンツのサイトの Web アドレスをコピーして埋め込み Web パーツに貼り付けることで、一部の Web サイトからコンテンツを埋め込むことができます。

  1. 使用する埋め込み可能なコンテンツのリンクをコピーします。 これを行うには、埋め込むコンテンツを含むサイトに移動します。 コンテンツの近くのどこかに、通常は [共有] ボタンまたはリンクが表示されます。 それをクリックし、指定されたリンク アドレスをコピーします。

    コンテンツの埋め込みに Web サイトのアドレスを使用する例

[埋め込み Web パーツ] のプロパティ ウィンドウで、先ほどコピーした Web サイト アドレスを [ Web サイト アドレス] または [埋め込みコード ] ボックスに貼り付けます。

ビデオ URL または埋め込みコードをフィールドに貼り付ける

埋め込みコードを使用してコンテンツを表示する

埋め込みコードとは、別のページのコンテンツの表示方法を説明する、Web サイトからの特殊な指示の一覧です。 多くのサイトでは、コピーして貼り付け、埋め込むことができる埋め込みコードが用意されています。 通常、[コードの埋め込み] または [</>] というラベルのボタンが表示されます。 これにより、いくつかのコードが含まれるテキスト ボックスが開きます。

たとえば、Vimeo 上のビデオの [共有 ] ボタンをクリックすると、共有ダイアログに埋め込みコードが表示されます。

埋め込みコードを使用して SharePoint ページにコンテンツを埋め込む例 埋め込みコードを使用するには、次の操作を行います。

  1. 使用するコンテンツの埋め込みコード (使用可能な場合) をコピーします。 これを行うには、埋め込むコンテンツを含むサイトに移動します。 コンテンツの近くのどこかには、通常、[共有] ボタンまたはリンク、または [コードの埋め込み] または [</>] というラベルのボタンが表示されます。 これにより、上の Vimeo サイトの画像と同様に、いくつかのコードが含まれたテキスト ボックスが開きます。

  2. 埋め込み Web パーツのプロパティ ウィンドウで、埋め込みコードを [Web サイト アドレス] または [埋め込みコード ] ボックスに貼り付けます。

    ビデオ URL または埋め込みコードをフィールドに貼り付ける

トラブルシューティング

埋め込み機能が機能しない最も一般的な理由を次に示します。

  • 埋め込みコードは、iframe ベースである必要があります (つまり、 <iframe> タグで開始および終了します)。 <script> タグを使用する埋め込みコードはサポートされていません。
  • 埋め込みできるのは、セキュリティで保護された Web サイトのみです。 Web サイトの URL が HTTPS で始まることを確認します。
  • すべての Web サイトでページの埋め込みを許可しているわけではないため、安全で iframe ベースの埋め込みコードを使用している場合でも埋め込めることができない場合があります。 問題がある場合は、Web サイトにチェックして、埋め込みを許可するかどうかを確認します。
  • サイト コレクション管理者は、ユーザーが外部 Web サイトからコンテンツを埋め込むことができるかどうかを制御できます。 共同作成者がコンテンツを埋め込めることができない場合は、「この Web サイトからのコンテンツの埋め込みは許可されていません」というエラー メッセージが表示されることがあります。 管理者またはヘルプ記事 「SharePoint ページにコンテンツを埋め込む機能を許可または制限する」を参照してください。