我使用 html5 作为视频播放器,但由于它在 ie8 中不起作用,我们必须支持 ie8 im 使用后备闪存。我需要在点击时将视频从一个切换到另一个,我必须通过替换 div 中的 html 来为使用 .load 的 html5 视频播放器和 flash 播放器工作,但我需要视频开始播放。
在 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 在内的浏览器中显示视频 - 我看过 videojs,但它说不支持 ie8。
谢谢