Question

问题：通过jQuery更改HTML5视频的源元素会在IE9中引发错误

这是我改变视频源的jQuery函数：

var hdswipe = function(){
                var currVid, currExt, currVidName, currQuality, i, tempExt;
                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
                {
                    tempExt = videoAttr.src[i].substr(videoAttr.src[i].lastIndexOf('.') + 1);
                    if((currExt==tempExt)&&(currQuality!= videoAttr.quality[i]))
                    {
                        $hdVideo.attr('src', videoAttr.src[i]);
                        createSeek();
                        createBuffer();
                        playerstage=0;
                        gPlay();
                        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;
            }

执行此行时，IE9中会显示错误消息：

$hdVideo.attr('src', videoAttr.src[i]);

错误消息是：

未定义函数：$ hdVideo.attr（'buffered'）。end（0）;

但缓存功能正常，因为我播放视频直到“hdswipe”函数被调用。

请解决我的问题。

Answer 1

我想你应该尝试使用这种语法：

$hdVideo[0].buffered.end(0);

在html5视频中通过JQuery更改源代码在IE9中不起作用

1 个答案: