使用jQuery来控制视频标签

Ben*_*son 6 html javascript video jquery

所以,我想使用jQuery函数从链接的REL中收集URL,并将其传递给元素.

收集REL并将其发送到没有问题...但是从jQuery触发元素的加载和播放功能需要什么?

这是我到目前为止所拥有的:

$(function(){   
    $('a.componentLink').click(function() {
        event.preventDefault();
        var vidURL = $(this).attr('rel');
        $('#myVideo > source').attr('src', vidURL);
        $('#myVideo').load();
        $('#myVideo').play();
    })
});
Run Code Online (Sandbox Code Playgroud)

ATM,它没有播放......我认为jQuery本身无法访问播放功能......但必须有办法解决这个问题.

lon*_*day 20

您需要调用.play()元素本身,而不是jQuery选择.请执行下列操作:

$(function(){   
    $('a.componentLink').click(function() {
        event.preventDefault();
        var vidURL = $(this).attr('rel');
        $('#myVideo').attr('src', vidURL);
        var video = $('#myVideo').get(0);
        video.load();
        video.play();
    })
});
Run Code Online (Sandbox Code Playgroud)