Question

I have developed one API for HTML5 Video. The specialty of the plugin is viewer can change the being played video. (Changing different source url through JQuery).

I almost done the task. But its not working in ie9. Let me share the source file here.

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

the first line will inject the new source file to the video element. It works perfectly in all major browsers, except ie9. I couldn’t even check the running html coding in ie9 (when we make some changes though js, its not get reflected in inspect element).

The link is at: http://iseofirm.net/appthateam/vel/static3/

Answer 1

I got the solution myself, finally!!!!!

Problem:
IE9 indexes the first tag, even though we inject src=”” into tag through jQuery

Solution:
When the player starts, inject “src” value of first “source” element into tag.

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

Then write function to inject corresponding “source url” into tag’s src=”” attribute…

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;
        }