如何通过单击更改对象标签src

Question

所以我有一个对象标签

<object id ="video" data="immagini/trailer.png" onclick="trailer()"></object>

我想在点击时更改数据，我在JavaScript中尝试了这一点，但似乎无法正常工作。

function trailer() {
    var sites = ['https://www.youtube.com/embed/CawVaHxWvnA']

    $('#video').src = sites;
} 

我不知道这是否是正确的方法，如果有更好的方法可以写下来。

Answer 1

.src本身就是一个DOM元素属性，你有一个jQuery对象，所以使用attr

$('#video').attr("src", sites);

您应该使用jQuery tho定义单击处理程序，而不是使用内联处理程序：

$('#video').click(function() {
    var sites = ['https://www.youtube.com/embed/CawVaHxWvnA']
    $(this).attr("src", sites);
});

Answer 2

.prop（）方法是设置属性值的便捷​​方法。试试这个。

function trailer() {
    var sites = "https://www.youtube.com/embed/CawVaHxWvnA";
    $('#video').prop( "disabled", sites);
}