javascript - currentSrc 在 jquery 插件中不起作用

Question

“currentSrc”是我必须在具有多个源(*.mp3、*.ogg 等)的 html5 视频中切换源 src 的唯一选项

如果我在 Jquery 中使用，“currentSrc”会抛出“undefined”。但它工作正常，如果我在 html 页面中调用它。

详细说明:我的视频来源:

<video width="630" height="354" id="video1" class="video1" poster="asserts/poster.png" controls="controls" data-name="demo video" data-uid="57fb2708">
        <source src="http://static.clipcanvas.com/sample/clipcanvas_14348_H264_320x180.mp4" data-quality="sd" />
        <source src="asserts/samllfile.mp4" data-quality="hd" />
        <source src="http://static.clipcanvas.com/elephants-dream.webm" data-quality="hd" />
        <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" data-quality="sd"/>
        <source src="http://video.webmfiles.org/elephants-dream.webm" data-quality="hd" />
</video>

获取当前视频地址

html 页面中的 Javascript(工作正常):

myVid=document.getElementById("video1");
    function getVid(){
        alert(myVid.currentSrc);
    };

Jquery 中的行(抛出“undefined”):

alert($hdVideo.currentSrc);

请帮帮我...

Answer 1

因为 jQuery 对象没有属性 currentSrc 所以它返回 undefined。

alert( $hdVideo.get(0).currentSrc );
alert( $hdVideo[0].currentSrc );
alert( $hdVideo.prop("currentSrc") );   //might be attr() instead of prop()