javascript - 如何通过单击更改对象标签 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 定义点击处理程序，而不是使用内联处理程序:

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