OSS で利用できる機能

ビデオ プレーヤー - フォールバック ビデオ

このサンプルは、ユーザーのブラウザーが HTML5 ビデオをサポートしない場合に jQuery ビデオプレーヤーを適切なメディアコントロールで置き換えてビデオの再生を管理する方法を紹介します。

このサンプルは、より大きい画面サイズのためにデザインされました。

モバイル デバイスで画面を回転、フル サイズ表示、またはその他のデバイスにメールで送信します。

jQuery ビデオ プレーヤー コントロールの browserNotSupported イベントは、エンドユーザーが HTML5 ビデオをサポートしないブラウザーでウェブページをブラウズしようとしたときにカスタム コードを実行できます。このサンプルでは、jQuery ビデオ プレーヤーを Microsoft Silverlight メディア コントロールと置き換えて再生を有効にします。HTML5 ビデオのサポートがないブラウザー (IE8 など)でサンプルが実際にどのように動作するかを確認できます。このサンプルのビデオに音声は含まれません。 注: このサンプルをモバイル デバイスで実行する場合、Modernizr JavaScript ライブラリが未定義である以外、デフォルトのデバイス ビデオ プレーヤー コントロールを描画します。Modernizr ライブラリがページで利用できない場合、igVideoPlayer コントロールを描画します。この場合、デフォルト デバイス ビデオ プレーヤーよりタッチ機能が少ない場合があります。そのため、このサンプルでは Modernizr ライブラリを使用し、モバイル デバイスでは igVideoPlayer ではなくデフォルト デバイス ビデオ プレーヤーを使用します。

コード ビュー

クリップボードへコピー