jquery - Jquery - 我如何获得视频 src 值？

Question

我需要获取视频的值并需要更改为新值...为此我使用了此功能：

var video = $('#task2ResultVideo').get(0);

console.log($(video).attr('poster')); // i am getting this

    $(video).attr('src',function(num,val){
        console.log(num,val)        // i am not getting this..
    }) ​

HTML：

<video id="task2ResultVideo" autobuffer poster="img/task2-results-host-poster.jpg">
    <source src="Video/webm/Task_2.4a_Host_treated.webm" type="video/webm" />
    <source src="Video/ogv/Task_2.4a_Host_treated.theora.ogv" type="video/ogg" />
    <source src="Video/MP4/Task_2.4a_Host_treated.mp4" type="video/mp4" />
</video>​

但我无法获得价值。我的代码有什么问题？如果我得到值，我该如何更改 src？

请问有什么建议吗？

Answer 1

您的视频标签没有任何来源属性，因此您永远不会得到它。而是获取其内部源标签的 src 属性

$('video').find('Source:first').attr('src');

这将获得视频标签内第一个源标签的 src 属性值

Answer 2

尝试这个，

现场演示

$('video source').each(function(num,val){
    console.log($(this).attr('src'));        // i am not getting this..
    $(this).attr('src', 'newSourceValue')
});

根据 OP 的评论，更改 src 文件名

现场演示

$('video source').each(function(num,val){
    console.log($(this).attr('src'));        // i am not getting this..
    strSrc = $(this).attr('src'); 
    strPath = strSrc.substring(0, strSrc.lastIndexOf('/'));
    strExtenion = strSrc.substring(strSrc.lastIndexOf('.'));
    $(this).attr('src', strPath + "/" + "newFileName" + strExtenion );    
})​;

Answer 3

var video = $('#task2ResultVideo');

video.find('source').each(function() {
  console.log($(this).attr('src'));
});​

// if you want to get array of the src
var arr = video.find('source').map(function() {
    return $(this).attr('src');
});

Answer 4

尝试这个：

$(video).children().each(function(index) {
    console.log(index + " " + $(this).attr('src'));
});