0

HTML5ビデオ用に1つのAPIを開発しました。プラグインの専門は、視聴者が再生中のビデオを変更できることです。(JQueryを介して別のソースURLを変更する)。

私はほとんど仕事をしました。しかし、それはie9では機能しません。ここでソースファイルを共有しましょう。

$hdVideo.attr('src', videoAttr.src[i]);
gPlay();
createSeek();
createBuffer();
playerstage=0;

最初の行は、新しいソースファイルをビデオ要素に挿入します。ie9を除くすべての主要なブラウザで完全に機能します。ie9で実行中のhtmlコーディングを確認することさえできませんでした(jsを介していくつかの変更を加えると、それはinspect要素に反映されません)。

リンクは次の場所にあります:http://iseofirm.net/appthateam/vel/static3/

4

1 に答える 1

0

私はついに自分で解決策を手に入れました!!!!!

問題:jQueryを介してsrc = ""をタグに挿入しても、IE9は最初のタグにインデックスを付けます

解決策:プレーヤーが起動したら、最初の「source」要素の「src」値をタグに挿入します。

if(firstTime)
    {
        $hdVideo.attr('src', videoAttr.src[0]);
        firstTime=0;
    }

次に、対応する「ソースURL」をタグのsrc=""属性に挿入する関数を記述します。

var hdswipe = function(){
            var currVid, currExt, currVidName, currQuality, i;
            if($hdVideo.attr('paused')==false)
                playerstage=1;
            currVid = $hdVideo[0].currentSrc;
            currExt = currVid.substr(currVid.lastIndexOf('.') + 1);

            for(i=0; i<videoAttr.quality.length; i++) //Get current video quality
                if(currVid == videoAttr.src[i])
                    currQuality=videoAttr.quality[i];

            for(i=0; i<videoAttr.quality.length; i++) //Swipe the Video
            {
                if((currExt==videoAttr.src[i].substr(videoAttr.src[i].lastIndexOf('.') + 1))&&(currQuality!= videoAttr.quality[i]))
                {  
                    $hdVideo.attr('src', videoAttr.src[i]);
                    gPlay();
                    createSeek();
                    createBuffer();
                    playerstage=0;
                    break;
                }
            }
            if(currQuality == "sd")
                $("a.hd-hd-swipe-button").addClass("hd-hd-swipe-button-hd");
            else
                $("a.hd-hd-swipe-button").removeClass("hd-hd-swipe-button-hd");
            return false;
        }
于 2012-10-12T06:04:43.807 に答える