ビデオ プレーヤーとして html5 を使用していますが、ie8 では機能しないため、フラッシュへのフォールバックを使用して ie8 im をサポートする必要があります。.load を使用する html5 ビデオ プレーヤーと div 内の html を置き換えることによってフラッシュ プレーヤーの両方で作業する必要があるクリックでビデオを別のビデオに切り替える必要がありますが、ビデオの再生を開始する必要があります。
html5 では、次のように動作します。
$(".featureLogoText").on("click", function (event) {
$oVideo[0].pause();
$oPause.hide();
$oPlay.hide();
$oPlay.css('display', 'block');
var media = $(this).attr('media');
var mediamp4 = media + "mp4";
var mediawebm = media + "webm";
var mediaogv = media + "ogv";
var newPoster = $(this).attr('data-poster');
$('.scrPoster').attr('poster', newPoster);
$('.scrVideomp4').attr('src', mediamp4);
$('.scrVideowebm').attr('src', mediawebm);
$('.scrVideogg').attr('src', mediaogv);
$(".scrPoster").load();
var html = ' <param name=\"movie\" value=\"http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf\" type=\"application/x-shockwave-flash\"allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"352\" height=\"198\" flashvars=\"src=' + mediamp4 + '&poster=' + newPoster + '\"></embed>';
$("#objFlash").html("");
$("#objFlash").append(html);
var number = $(this).attr('data-number');
alert(number);
$oVideo[0].play();
$oPlay.hide();
$oPlayBig.hide();
$oPause.css('display', 'block');
});
フラッシュで同じことを行うにはどうすればよいですか? 出来ますか?または、ie8 を含むブラウザー全体でビデオを表示するためのより良い方法はありますか?
ありがとう