Javascript 使用jQuery控制视频标签

Javascript 使用jQuery控制视频标签,javascript,jquery,html,video,Javascript,Jquery,Html,Video,因此,我想使用jQuery函数从链接的REL收集URL,并将其传递给元素 收集REL并将其发送到服务器没有问题。。。但是从jQuery触发元素的加载和播放函数需要什么呢 以下是我目前掌握的情况: $(function(){ $('a.componentLink').click(function() { event.preventDefault(); var vidURL = $(this).attr('rel'); $('#myVid

因此,我想使用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本机没有访问play函数的权限。。。但是必须有办法解决这个问题。

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

$(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();
    })
});

隐马尔可夫模型。。。这似乎也不起作用。我肯定变量正在传递到视频元素,但它没有被播放…@本杰明,你能链接一个例子吗?@本杰明,我还认为这是一个HTML5视频。我说的对吗?是的,html5视频!通过点击视频窗口下方播放列表中的两个链接之一,您可以在这里看到演示(我决定转到jQuery进行此操作;之前,我为每个播放列表项使用了“onclick”,但这太草率了):您的标记令人困惑——您的视频标记有Flash标记作为备用。为视频设置源代码时,需要在
video
标记中进行设置——使用子
source
元素将完全不起任何作用。我已编辑我的答案以更改此设置。请注意,您需要单独处理不支持视频的浏览器。