2011-12-18 16 views
2

YouTubeビデオの再生をサポートするためにASP.NET 4.0 Webフォームサイトを構築することが任されています。 HTML5サイトとして構築しますが、ビデオフォーマット/コーデックの迷路を織りなそうとしています。ASP.NET 4.0 YouTubeビデオ

私はプラグインを使用したくないと私はそれがクロスブラウザのサポートを持つようにしたい:

  • IE9/IE8/IE7
  • Firefoxの
  • クローム
  • サファリ

トラフィックの大半はIEです。他のブラウザでは、最新のバージョンで十分です。

私はビデオを直接埋め込むことを検討しています。実際には、プラグイン(Google Frameを含む)を使用せずにさまざまなブラウザに対応する方法を知る必要があります。

誰か指導/指導を提供できますか?

UPDATE

パーStilgarの答え、おそらく私はまだそれを自分自身を使用していないが、私はjPlayerに関するいくつかの良いものを聞いたHTML5

+1

あなたはYouTubeビデオを埋め込みたい、またはビルドしたい自分のビデオ配信システム? – Stilgar

+0

ちょうどそれらを埋め込む(私はQを更新しました:)) – IrishChieftain

答えて

4

YouTubeからビデオを埋め込む必要がある場合は、コーデックとブラウザのサポートについて気にする必要はありません。あなたは単にiframeであるあなたのページにYoutube埋め込みコードをレンダリングする必要があります。ユーザーは、youtubeの共有>埋め込みをクリックするか、ユーザーがYouTubeビデオにU​​RLを貼り付けるとプログラムで生成することができます。

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

あなたがこれを行う場合はユーチューブがユーザーのためのプレーヤーを提供します:コードは次のようになります。プレーヤーはユーザーの設定IN YOUTUBEに基づいています。たとえば、ユーザーがYouTubeでHTML5ビデオを選択した場合、彼は自分のブラウザ用のHTML5プレーヤーを取得します。ユーザーがFlashを選択した場合、または古いブラウザを使用している場合、YouTubeプレーヤーはFlash Playerを提供します。また、一部の動画(広告付き)はFlashでのみ利用できます。

基本的に何か他のことをしたい場合でもできません。それはYoutubeの仕組みで、自分のビデオを埋め込むことはできません。しかし、私はあなたがなぜ彼らが提供するものとは異なる何かをしたいと思っていません。彼らは最良の方法ですべてのブラウザをサポートするために最善を尽くす。

動画タグはすべてのブラウザの最新バージョンでサポートされており、IE8とIE7ではサポートされていません。現在、H.264(mp4)とVP8(webm)の2種類のコーデック(2形式)があります。 Safari(iOS上のSafariを含む)とIE9 +(Windows Phone上のIEを含む)は、H.264 Chrome 、FirefoxとOperaのサポートVP8 ビデオタグですべてのブラウザをサポートするには、両方のエンコーディングを提供し、ビデオを2度エンコードする必要があります。 IE7とIE8をサポートしたい場合は、プラグイン(Flash、Silverlight、または既定の古いMedia Playerプラグイン)を使用してください。

+0

答えを示す:) – IrishChieftain

1

としてこれを作成することに得た何のメリットもないでしょう。 http://jplayer.org/をチェックしてください。

多くのブラウザはHTML5のセマンティクスをサポートしていますが、同じコーデックはサポートしていません。動画を各ブラウザでサポートされているさまざまな形式にエンコードする必要があります。ウィキペディアの例はhttp://en.wikipedia.org/wiki/HTML5_videoです。

<video poster="movie.jpg" controls> 
    <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'/> 
    <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'/> 
    <source src='movie.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
    <p>This is fallback content</p> 
</video> 
+1

これはIE8とIE7では(そして質問に応じてサポートが必要です)動作しません。 Flashフォールバックが必要です。また、古いバージョンのFirefox(4より古いバージョン)のサポートが必要ない場合、FirefoxがWebMをサポートしているので、ogvをスキップすることができます – Stilgar

+0

そしてFlashはプラグインであり、ここではうまくいかないでしょう... – IrishChieftain

+0

@IrishChieftain IE8とあなたが何をしてもプラグインなしIE7。 – Stilgar

関連する問題