Asp.net-wp-working-with-videos

提供:Dev Guides
移動先:案内検索

ASP.NET WP-ビデオの操作

この章では、Webページにビデオを表示する方法について説明します。 ASP.NETでは、Flash(* .swf)、Media Player(* .wmv)、およびSilverlight(* .xap)ビデオを簡単に再生できます。

  • ウェブサイトに動画を表示する必要がある場合があります。
  • YouTube、Dailymotionなど、すでにビデオを持っているサイトにリンクして、ビデオを表示できます。
  • これらのサイトから自分のページにビデオを直接埋め込むには、サイトからHTMLマークアップを取得して、ページにコピーする必要があります。

ビデオを埋め込む方法?

YouTubeから動画を埋め込む簡単な例を見てみましょう。 まず、新しいCSHTMLファイルを作成する必要があります。

埋め込みビデオ

名前フィールドに EmbededVideo.cshtml と入力し、[OK]をクリックします。

<!DOCTYPE html>
<html lang = "en">

   <head>
      <meta charset = "utf-8"/>
      <title>Embedded Video Example</title>
   </head>

   <body>
      <h1>Embedded Video Example</h1>
      <p>The following video provides an introduction to WebMatrix:</p>

      <iframe
         width = "560"
         height = "315"
         src = "http://www.youtube.com/embed/fxCEcPxUbYA"
         frameborder  ="0"
         allowfullscreen>\
      </iframe>

   </body>
</html>

アプリケーションを実行し、次のURLを指定してみましょう- http://localhost:36905/embededvideo すると、次の出力が表示されます。

埋め込みビデオ

今すぐビデオを再生できます。

埋め込みビデオの例

プレーヤーの選択

あなた自身のウェブサイトで利用可能なビデオを再生したい場合。 ページからメディアプレーヤーを直接レンダリングするビデオヘルパーを使用して、サイトからビデオを再生できます。

  • ご存知のように、ビデオファイルには多くの形式があり、各形式には通常、異なるプレーヤーとプレーヤーの設定方法が必要です。
  • ASP.NET Razorページでは、ビデオヘルパーを使用してWebページでビデオを再生できます。
  • ビデオヘルパーは、オブジェクトを自動的に生成し、ビデオをページに追加するために通常使用されるHTML要素を埋め込むため、ビデオをWebページに埋め込むプロセスを簡素化します。

ビデオヘルパーは、次のメディアプレーヤーをサポートしています-

  • アドビフラッシュ
  • ウィンドウズメディアプレイヤー
  • マイクロソフトシルバーライト

Windows Media Playerを使用してビデオを表示する

Windows Media Playerを使用してWebページにビデオを表示する簡単な例を見てみましょう。 まず、新しいCSHTMLファイルを作成します。

新しいChstml

名前フィールドにMediaPlayer.cshtmlと入力し、[OK]をクリックします。

次に、Webサイトに新しいフォルダーを作成し、 Media という名前を付けて、次のスクリーンショットに示すように、Webページで再生するビデオファイルを追加します。

メディアファイル

FlashPlayer.cshtmlファイルの次のコードを置き換えます。

<!DOCTYPE html>
<html>

   <head>
      <title>Flash Video</title>
   </head>

   <body>
      @Video.Flash(path: "Media/Intro_WebMatrix.swf",
      width: "400",
      height: "600",
      play: true,
      loop: true,
      menu: false,
      bgColor: "red",
      quality: "medium",
      scale: "exactfit",
      windowMode: "transparent")
   </body>

</html>

このアプリケーションを実行し、次のURLを指定した場合- http://localhost:36905/MediaPlayer の場合、次のエラーが表示されます。

サーバーエラー

これは、Webヘルパーがインストールされていないためです。 これを行うには、WebMatrixからNuGetを開きます。

NuGetギャラリー

*ASP.NET Web Helpers Library* を検索して、[インストール]をクリックします。 インストールが正常に完了したら、同じURLを指定してアプリケーションを再度実行すると、Windows Media Playerを使用してビデオが再生されることがわかります。

Web Helpers Library

同様に、* Silverlightプレーヤー*および* Flashプレーヤー*を使用して、Webページにビデオを表示することもできます。