Changing Video src using jquery

Question

I want to change the video scr when play button is click my html is

<video class="mvideo" controls autoplay="autoplay">
    <source class="video" src="path.mp4" type="video/mp4" />
</video>
<button class="button">Play</button>

and my jquery is

$(document).ready(function(){
    $(".button").click(function(){
        $(".video").attr("src","videos/Funny Cats.mp4");
    })
});

Try `$(".video source").prop("src","videos/Funny Cats.mp4");` — Satpal, Jun 26 '14 at 15:53
So what happens when you try that? Errors? @Satpal, there is no element with the class video that has a descendant source element. `` *is* the element with that class. — j08691, Jun 26 '14 at 15:53
This approach will help: http://stackoverflow.com/a/5371478/921204 — techfoobar, Jun 26 '14 at 15:55
Do you have more code? because what you have should work http://jsfiddle.net/2WDfB/ — Huangism, Jun 26 '14 at 15:57

score 0 · Answer 1 · edited May 23 '17 at 11:57

0

The only way dynamic sources are going to work is if you apply them directly to the video tag eg:

<video class="mvideo" controls autoplay="autoplay"></video>
<button class="button">Play</button>

$(document).ready(function(){
    $(".button").click(function(){
        $("video").attr("src","videos/Funny Cats.mp4");
    });
});

http://jsfiddle.net/xEMzm/2/

Source

edited May 23 '17 at 11:57

Community

1
1

answered Jun 26 '14 at 16:05

Kivylius

5,819
11
38
70

score -2 · Answer 2 · answered Jun 26 '14 at 15:57

-2

Try this:

$(".button").click(function(){
        var video = $(".video").get(0);
        $(video).attr("src","a");
    alert($(video).attr("src"));
})

This way you can use methods like: volume and others. Using jQuery Object you can't.

answered Jun 26 '14 at 15:57

user3251174

25
8

it changes the src but new video it not play – user3392409 Jun 26 '14 at 19:09

Changing Video src using jquery

2 Answers2