使用jQuery控制视频标签

Question

因此，我想使用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();
    })
});

自动取款机，它不能播放...我假设jQuery本身没有访问播放功能的权限...但肯定有办法绕过这一点。

Answer 1

您需要对元素本身调用.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();
    })
});