ブラウザーでページを編集するときに、SharePoint ページにオーディオ クリップまたはビデオ クリップを追加する方法はいくつかあります。 メディア Web パーツをページに追加して、個々のオーディオまたはビデオ ファイルを再生できます。 オーディオまたはビデオ ファイルを表示するようにコンテンツ クエリ Web パーツを構成することで、ビデオまたはオーディオの動的表示を構成できます。 または、埋め込みコードを使用して、サードパーティのビデオ共有サイトからビデオを埋め込むことができます。
注
この記事は、SharePoint Server 2010 に適用されます。 SharePoint Online で作業している場合は、「 SharePoint Online ページで Web パーツを使用 する」を参照して、オーディオやビデオ用の Web パーツなど、最新の Web パーツの包括的な一覧を確認してください。
この記事の内容
メディア 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] をクリック します。
サイト上のページにチェックアウトが必要な場合は、ページを保存 (または保存してチェック)。
埋め込みビデオ プレーヤーの [再生] ボタンをクリックして、ビデオを再生します。