メディア (ビデオ、オーディオ、イメージなど) を従来の SharePoint ページに追加できます。 メディア ファイルは、コンピューター、SharePoint、またはファイル共有などの別の場所から取得できます。 YouTube、Vimeo、Hulu などのビデオ共有 Web サイトからビデオを埋め込むことができます。
警告
内のオーディオ ファイルをアップロードする場合。WAV 形式では、ほとんどのブラウザーで正しくないメッセージが表示される場合があります。 メッセージには、「Media Player Web パーツはこの形式でファイルを再生できません」と表示されます。 これは、Chrome を除くサポートされているすべてのブラウザーでは正しくありません。 メッセージを無視し、ファイルのアップロードを続行します。
重要
この手順に従うには、ページを編集するためのアクセス許可が必要です。
ビデオを従来の SharePoint、2016、または 2013 ページに挿入する
メディアを追加するページに移動します。
[ページ] タブを選びます。リボンの [編集] をクリックします。
ページの編集可能な領域内をクリックします。
[ 挿入 ] タブを選択し、リボンの [メディア ] グループで [ ビデオとオーディオ] をクリックします。
次のオプションが表示されます。
- コンピューターから
- 埋め込む
- SharePoint から
- From Address
これらのオプションのいずれかを使用してメディアを挿入する方法については、次のいずれかのリンクをクリックしてください。
コンピューター上からファイルをアップロードする
コンピューター上からファイルをアップロードするには、次の手順に従います。
- [コンピューターから] をクリックします。
- ブラウザーでファイルの場所を確認してファイルを選び、[開く] をクリックします。
- ファイルを格納するライブラリを指定します。
格納先には、メディア ライブラリを指定することをお勧めします。 アセット ライブラリは特にメディア用に設計されており、画像プレビューやビデオのサムネイルなどの機能が自動的に含まれます。 これらの機能を使用すると、メディア ファイルを簡単に操作できます。
メディア ファイル用のアセット ライブラリを設定する方法については、「イメージ、 オーディオ、またはビデオ ファイルを格納するためのアセット ライブラリの設定」を参照してください。 - [OK] をクリックします。
ビデオ共有 Web サイトからビデオを埋め込む
YouTube、Vimeo、Hulu などのビデオ共有 Web サイトからビデオを埋め込むには、次の基本的な手順に従います。
ビデオ サイトで、次の操作を行います。
- 使用するビデオを表示します。
- ビデオの [共有 ] を見つけてクリックします。
- サイトによっては、[ 埋め込み] リンクをクリックする必要がある場合や、そのリンクが表示される場合があります。 埋め込みコードをクリックし、Ctrl キーを押しながら C キーを押してコピーするか、右クリックしてコンテキスト メニューから [コピー ] をクリックします。
注
セキュリティ上の理由から、SharePoint では、 <iframe> タグを持つ埋め込みコードのみがサポートされています。
SharePoint サイトで、次の操作を行います。
[埋め込み] をクリックします。
次に、埋め込みコードをダイアログ ボックスに貼り付けます。
ヒント
通常、一般的なビデオ共有サイトからビデオの埋め込みコードを簡単に取得できます。 [埋め込み] または [共有] オプションを探し、画面の指示に従って埋め込みコードを表示するだけです。 埋め込みコードが表示されたら、それをコピーし、前の図に示すようにコードを貼り付けます。
[挿入] をクリックします。
SharePoint サイトからビデオを追加する
SharePoint サイト上の場所からビデオを追加するには、次の手順に従います。
- [ SharePoint から ] をクリックします。これにより、目的のフォルダーまたはライブラリを参照できるアセット ピッカーが開きます。
- ビデオファイルやオーディオ ファイルが保存されている アセット ライブラリなど、サイト上の場所を参照します。
- 目的のファイルを選び、[挿入] をクリックします。
別の場所からビデオを追加する
Web 上の別の場所からビデオを追加するには、次の手順に従います。
- [アドレスから] をクリックします。
- 使用するファイルの URL を入力し、[OK] をクリックします。 URL はビデオ ファイルを直接指す必要があります。 例: http://contoso.com/VideoFile.wmv。
メディア のプロパティとメディア Web パーツを編集する
ページにビデオまたはオーディオを追加すると、SharePoint によってメディア Web パーツが挿入されます。 メディアを追加したら、Web パーツをカスタマイズできます。 たとえば、サイズや場所を変更したり、タイトルを編集したり、カタログ ロゴを追加したりできます。
ページにビデオを追加するたびに、コンテンツのキャプションおよびオーディオ説明を必ず含めてください。 キャプションを使用すると、聴覚障碍のあるユーザーがコンテンツを知ることができるほか、また、ネイティブ スピーカー以外のビデオの視聴者を支援できます。
ページ上のメディア Web パーツを変更する場合は、次の手順に従います。
- ビデオが含まれているページに移動します。
- [ページ] タブを選び、[編集] をクリックします。
- ビデオがページに表示されたら、ビデオ 画像の任意の場所をクリックして、[メディア] タブとそのリボンを開きます。
- リボンの [プレビュー ] グループで、[ イメージの変更 ] をポイントし、オーディオまたはビデオ ファイルのプレビューとして表示するイメージ ファイルを選択します。 プレビュー イメージを更新しない場合は、ファイルの種類の既定のイメージが表示されます。
- [ プロパティ ] グループで、表示されるタイトルを入力または変更できます。 また、ページの読み込み時にファイルを自動的に再生するか、停止するまでループするかを指定することもできます。
- リボンの [ プレイヤー スタイル] グループで、[ スタイル ] をポイントし、プレーヤーに使用するスタイルを選択します。
- リボンの [サイズ ] グループで、プレイヤーの水平サイズと垂直サイズに加える変更を指定することもできます。
- メディア Web パーツを編集するには、メディア タイトルにマウス ポインターを合わせ、表示されている矢印をクリックして [Media Web パーツ] メニューを開きます。
- [ Web パーツの編集] を選択して、画面の横にある編集ウィンドウを開きます。
- [Web パーツの編集] パネルで、変更するプロパティを選択します。 変更を完了したら、[ 適用] をクリックします。
- [ OK] を クリックして編集ウィンドウを閉じ、ページに戻ります。
- ページに対する変更が完了したら、[ページ] タブを選び、[保存] をクリックします。 ページがチェックアウトされている場合は、警告のメッセージとリンクが表示されるので、チェックインします。
トランスクリプトを含むオーディオ ファイルをページに埋め込む
小さくてスリムなコントロール バーを Web ページに配置する方法を次に示します。 このコントロール バーは、完全なメディアの Web パーツでは大きすぎる、ポッド キャストなどのオーディオ ファイルで最適に機能します。
オーディオ ファイルおよびトランスクリプト ファイルを [サイトのリソース ファイル] フォルダーにアップロードします。
- [設定] メニューを開くには、右上隅の [設定] を選択します。
- [サイト コンテンツ] リンクを選択します。
- [サイトのリソース ファイル] フォルダーに移動します。
- オーディオファイルとトランスクリプト ファイルをフォルダーにドラッグします。
- ファイルの URL を取得します。 ファイル操作メニューを開くには、ファイル名の横にある省略記号を選択します。 操作メニューからリンクをコピーして、別のファイルに貼り付けます。 このリンクは、後でオーディオ埋め込みコードに必要になります。
[編集] リボンを開き、[編集] モードにするには、ビデオを表示するページで [編集] リンクを選択します。
ビデオを表示する場所にフォーカスを移動します。
[埋め込み] ダイアログ ボックスを開くには、[挿入] タブで [ビデオとオーディオ] グループを開き、[埋め込み] を選択します。
埋め込みコードをフィールドに貼り付けて、"src =" の後にオーディオ ファイルの URL を引用符で囲んで挿入します。
<audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>
このコードにより、ページ上にメディア コントロール バーが配置されます。 ユーザーはこのバーを使用して、再生を開始および停止できます。ヒント
埋め込みコードが正しく書式設定されていないか、または存在しないファイルの場所をポイントしている場合、[挿入] ボタンはアクティブになりません。
完了したら、[ 挿入 ] を選択して、オーディオ コントロールをページに配置します。 埋め込まれたオーディオ コントロールは、次のようになります。
オーディオ コントロール スニペットの最後にフォーカスを移動します。次の行に移動するには、Enter キーを押します。
オーディオ トランスクリプト ファイルにリンクを挿入します。
[メディアの選択] ダイアログ ボックスを開くには、[挿入] タブで [リンク]、[SharePoint から] の順に選択します。
オーディオ トランスクリプト ファイルを選択し、Insert キーを押します。 これにより、ファイルの名前がリンクのテキストとなるハイパーリンクが挿入されます。
リンク内のファイル名の最後の文字の直前に、フォーカスを移動します。 Backspace キーをゆっくり押して、ファイル名の最初と最後の文字を除くすべての文字を削除します。
ヒント
これにより、リンクはそのままの状態で、リンクのテキストを変更するために必要な正確な位置にカーソルを保持できます。
リンクに適切なテキストを入力します。 たとえば、オーディオ トランスクリプトの場合、「オーディオ トランスクリプトを表示する」と入力します。
ファイル名の残りの文字を削除します。
完了したら、ページの上部にある [保存] をクリックして、すべての変更を保存します。
Microsoft 365 ビデオまたはMicrosoft Stream ビデオ
SharePoint クラシックを使用している場合は、Office 365ビデオまたはMicrosoft Streamをページに追加できます。 「Microsoft 365 Video からビデオを埋め込む」または「Stream Web パーツを使用する」を参照してください。
画像に代替テキストを追加する
写真、画像、クリップ アート、オーディオを使用する場合は、 著作権を尊重する責任があります。
[編集] リボンを開き、[編集] モードにするには、編集するページで [編集] リンクを選びます。
画像を表示する場所にフォーカスを移動します。
[イメージのアップロード] ダイアログ ボックスを開くには、[挿入] タブで [画像] グループを開き、[コンピューターから] を選択します。
ヒント
イメージ URL に貼り付けることでインターネットから画像を挿入するには、[アドレスから] を選択します。 SharePoint サイトからイメージを挿入するには、[ SharePoint から] を選択します。
ファイルを選択し、SharePoint サイト内のコピー先フォルダー (既定では [サイト資産 ] フォルダー) を選択し、さまざまなイメージ バージョンに関するメモを含めます。
画像を挿入して [ イメージ ] タブをアクティブにするには、[ OK] を選択します。
ヒント
[イメージ] タブは、イメージの選択時にのみ表示されます。
[イメージ] タブの [代替テキスト] ボックスに移動し、イメージの代替テキストを入力します。
作業が終了したら、[保存] をクリックします。
アクセシビリティに関するヒント
- 代替テキストは、簡潔かつわかりやすい必要があります。
- 適切な代替テキストは、その画像が重要な理由をリスナーに伝えます。
例や詳細情報へのリンクなど、代替テキストの詳細については、「 WebAIM 代替テキスト 」ページを参照してください。
メディア Web パーツをページに追加する
メディア Web パーツを使用して、ページ上でオーディオ クリップまたはビデオ クリップを再生できます。 メディア Web パーツでサポートされている特定のビデオ形式とオーディオ形式については、「 Silverlight でサポートされているメディア形式とプロトコル」を参照してください。
この手順に従うには、ページを編集するためのアクセス許可が必要です。
更新するページに移動します。
リボンの [ ページ ] タブで、[ 編集] をクリックします。
次のいずれかの操作を行います。
- Wiki ページまたは発行ページを編集する場合は、メディア Web パーツを追加するページ上の編集可能な場所をクリックし、リボンの [編集ツール] の [挿入] タブをクリックし、[ビデオとオーディオ] をクリックします。
- Web パーツ ページを編集する場合は、メディアを埋め込む列またはゾーンで [ Web パーツの追加 ] をクリックします。 [ カテゴリ] で、[ メディアとコンテンツ] をクリックします。 [ Web パーツ] の [ メディア Web パーツ] をクリックし、[ 追加] をクリックします。
ページにメディア Web パーツが表示されたら、[ここをクリックして構成する] というテキスト をクリックします。
リボンの [ メディア オプション] タブをクリックします。
特定のオーディオまたはビデオ ファイルを表示するようにメディア Web パーツを構成するには、[ メディアの変更] をポイントし、次のいずれかを選択します。
コンピューターからファイルをアップロードするには、[ コンピューターから] をクリックし、目的のファイルの場所を参照して、[OK] をクリック します。
既に SharePoint サイトに保存されているビデオを埋め込むには、[ SharePoint から] をクリックし、ビデオとオーディオ ファイルが保存されている アセット ライブラリなどのサイト上の場所を参照します。 目的のファイルを選択し、[OK] をクリック します。
ビデオ共有 Web サイトからビデオを埋め込むには、[ アドレスから] をクリックし、使用するファイルの URL を入力して、[OK] をクリック します。
Media Web パーツでは、ビデオ ファイルを直接指す URL アドレスからのファイルの再生がサポートされています。 例: http://contoso.com/VideoFile.wmv。 ビデオをホストするページに埋め込みコードまたは共有リンクを使用する場合、それらは機能しません。 埋め込みコードを使用したビデオの埋め込みの詳細については、「埋め込みコード を使用してページにビデオを埋め込む」を参照してください。
目的のファイルを選択したら、[OK] をクリック します。
[ プレビュー ] グループで、[ イメージの変更] をポイントし、オーディオまたはビデオ ファイルのプレビューとして表示するイメージ ファイルを選択します。 プレビュー イメージを更新しない場合は、ファイルの種類の既定のイメージが表示されます。
[ プロパティ ] グループで、Web パーツに表示するタイトルを指定します。 また、ページの読み込み時にファイルを自動的に再生するか、停止するまでループするかを指定することもできます。
リボンの [ プレイヤー スタイル] グループで、[ スタイル ] をポイントし、プレーヤーに使用するスタイルを選択します。
リボンの [サイズ ] グループで、必要に応じてプレイヤーの水平サイズと垂直サイズに加える変更を指定できます。
ビデオを表示するようにコンテンツ クエリ Web パーツを構成する
コンテンツ クエリ Web パーツを使用して、ビデオまたはオーディオ ファイルの動的な表示をページに追加できます。 これは、"最上位の" ビデオ、または特定のメタデータ タグを持つすべてのビデオを備えたセクションをページに追加する場合に便利です。
コンテンツ クエリ Web パーツをページに追加する場合は、特定の条件を満たすサイト上のすべてのコンテンツ アイテムに対してクエリを実行するように構成できます。 その後、そのクエリの結果がページに表示されます。 新しいコンテンツがサイトに追加され、クエリの条件を満たしている場合は、Web パーツにも表示されます。 コンテンツ クエリ Web パーツは、個々のリストまたはライブラリから、またはサイト コレクション全体の複数のリストとライブラリからコンテンツを返すことができます。
この手順に従うには、ページを編集するためのアクセス許可が必要です。
この手順では、ビデオを表示することを前提としていますが、オーディオ ファイルまたはイメージ ファイルでも機能します。
更新するページに移動します。
リボンの [ページ] タブで、[ 編集] をクリックします。 次のいずれかの操作を行います。
- Wiki ページまたは発行ページを編集する場合は、コンテンツ クエリ Web パーツを追加するページの編集可能な領域をクリックします。 [編集ツール] リボンの [挿入] タブをクリックし、[Web パーツ] をクリックします。 [ カテゴリ] で、[ コンテンツ のロールアップ] をクリックします。 [ Web パーツ] の [ コンテンツ クエリ] をクリックし、[ 追加] をクリックします。
- Web パーツ ページを編集する場合は、コンテンツ クエリ Web パーツを追加 する列またはゾーンで [Web パーツの追加] をクリックします。 [ カテゴリ] で、[ コンテンツ のロールアップ] をクリックします。 [ Web パーツ] の [ コンテンツ クエリ] をクリックし、[ 追加] をクリックします。
コンテンツ クエリ Web パーツで矢印をクリックし、[ Web パーツの編集] をクリックします。
[ツール ウィンドウを開く] リンクをクリックします。
[コンテンツ クエリ] ツール ウィンドウで、[クエリ] をクリックして展開 します。
[ ソース] で、表示する項目の場所を指定します。 必要に応じて、特定のサイト、サブサイト、またはリストの場所を参照します。
クエリの範囲をサイトに設定した場合は、[リストの種類] で、アイテムを表示するリストの種類を指定します。 手順 6 で特定のリストまたはライブラリを選択した場合、このフィールドは自動的に入力されます。
[ コンテンツ タイプ] の [ このコンテンツ タイプ グループのアイテムを表示 する] で、[ デジタルアセット コンテンツ タイプ] を選択します。
[ このコンテンツ タイプのアイテムを表示する] で、[ ビデオ] を選択します。 organizationでデジタル資産コンテンツ タイプのカスタマイズされたバージョンが作成されている場合は、[子コンテンツ タイプをチェック含める] ボックスを選択することもできます。
必要に応じて、[ 対象ユーザーのターゲット設定] で、対象ユーザーのターゲット設定がサイトに対して構成されている方法に応じて、特定の対象ユーザーに特定のアイテムを表示する対象ユーザーフィルターを適用することを選択できます。
[ 追加のフィルター] で、項目メタデータを使用して、表示される内容をフィルター処理できます。 たとえば、特定のキーワード (keyword)でタグ付けされたビデオを表示する場合は、演算子が含まれているEnterprise Keywords を選択し、目的の値を入力します。
さらにフィルターを追加する場合は、[ And ] または [Or ] をクリックし、追加のフィルターを指定します。
[ プレゼンテーション] を展開し、[ グループ化と並べ替え]、[ スタイル]、[ フィールド] で表示する任意のカスタマイズを行います。 [スタイル] で、サイト訪問者がブラウザーでメディア クリップを直接再生できるようにする場合は、[ブラウザーチェックでメディア リンクを再生する] ボックスがオンになっていることを確認すると便利です。
コンテンツ クエリ Web パーツを最初に構成するときに、[プレゼンテーション] で項目を構成する方法がわからない場合があります。 最初に Web パーツでクエリをプレビューしてから、もう一度編集して、情報の外観をカスタマイズすると便利な場合があります。
たとえば、[ プレゼンテーション] の下の設定をカスタマイズしないと、ビデオが大きなプレビュー イメージで表示される場合があり、ページのデザインでは機能しない可能性があります。 その場合は、[スタイル|サイト訪問者がビデオを再生するためにクリックできる小さなプレビュー画像を提供するアイテムスタイル。 次の例は、3 つのビデオを表示するコンテンツ クエリ Web パーツを示しています。 固定イメージ サイズで構成されています。
[OK] をクリックします。
変更をページに保存します。
コンテンツ クエリ Web パーツの詳細については、「コンテンツ クエリ Web パーツ を追加してページにコンテンツの動的ビューを表示する」を参照してください。
埋め込みコードを使用してページにビデオを埋め込む
サードパーティのビデオ共有 Web サイトの埋め込みコードを使用してページにビデオを追加する場合は、埋め込みコードをコンテンツ エディター Web パーツに追加します。
この手順に従うには、Designerアクセス許可が必要です。
ページに埋め込むビデオを見つけて、埋め込みコードをコピーします。
更新するページに移動します。
リボンの [ ページ ] タブで、[ 編集] をクリックします。 次のいずれかの操作を行います。
- Wiki ページを編集する場合は、コンテンツ エディター Web パーツを追加するページ上の場所をクリックし、[編集ツール] リボンの [挿入] タブをクリックし、[Web パーツ] をクリックします。 [ カテゴリ] で、[ メディアとコンテンツ] をクリックします。 [ Web パーツ] の [ コンテンツ エディター] をクリックし、[ 追加] をクリックします。
- Web パーツ ページを編集する場合は、メディアを埋め込む列またはゾーンで [ Web パーツの追加 ] をクリックします。 [ カテゴリ] で、[ メディアとコンテンツ] をクリックします。 [ Web パーツ] の [ コンテンツ エディター] をクリックし、[ 追加] をクリックします。
コンテンツ エディター Web パーツで矢印をポイントし、[ Web パーツの編集] をクリックします。
コンテンツ エディター Web パーツで、ビデオを紹介するために表示する任意のテキストを入力します。
[編集ツール] リボンの [テキストの書式設定] タブの [マークアップ] グループで、[HTML] をクリックし、[HTML ソースの編集] をクリックします。
埋め込みコードを [HTML ソース ] ダイアログ ボックスに貼り付けて、[OK] をクリック します。
サイト上のページにチェックアウトが必要な場合は、ページを保存 (または保存してチェック)。
埋め込みビデオ プレーヤーの [再生] ボタンをクリックして、ビデオを再生します。
代替テキストを使用した画像の追加
すべてのユーザーがコンテンツにアクセスできるようにするには、次のガイドラインに従います。
画像に代替テキストを追加する
写真、画像、クリップ アート、オーディオを使用する場合は、 著作権を尊重する責任があります。
[編集] リボンを開き、[編集] モードにするには、編集するページで [編集] リンクを選びます。
画像を表示する場所にフォーカスを移動します。
画像を追加するには、[ 挿入 ] タブで [図 ] グループを開き、[ コンピューターから] を選択します。
ヒント
イメージ URL に貼り付けることでインターネットから画像を挿入するには、[アドレスから] を選択します。 SharePoint サイトからイメージを挿入するには、[ SharePoint から] を選択します。
ファイルを選択し、SharePoint サイト内のコピー先フォルダー (既定では [サイト資産 ] フォルダー) を選択し、さまざまなイメージ バージョンに関するメモを含めます。
画像を挿入し、[ 図ツール ] タブをアクティブにするには、[ OK] を選択します。
ヒント
[図ツール] タブは、画像が選択されている場合にのみ表示されます。
[イメージ] タブの [代替テキスト] ボックスに移動し、イメージの代替テキストを入力します。
作業が終了したら、[保存] をクリックします。
アクセシビリティに関するヒント
- 代替テキストは、簡潔かつわかりやすい必要があります。
- 適切な代替テキストは、その画像が重要な理由をリスナーに伝えます。
例や詳細情報へのリンクなど、代替テキストの詳細については、「 WebAIM 代替テキスト 」ページを参照してください。
サポートされているビデオ形式
Media Web パーツは HTML5 ビデオを使用し、.asf、.avi、.mpg、.mp3、.mp4、.ogg、.ogv、.webm、.wma、および.wmvビデオ形式をサポートします。
従来の Silverlight Media Web パーツでは、.asf、.mp3、.mp4、.wma、.wmvがサポートされています。
メモ: 上記のすべての形式がサポートされていますが、すべての形式にすぐにアクセスできるわけではありません (たとえば、.wmv)。 最もアクセシビリティの高いソリューションには、.mp4 形式を使用してください。