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

How to change the object tag src with click

本文关键字：对象标签 src 何通过单击更新时间：2023-09-26

所以我有一个对象标签

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

我想在单击时更改数据，我在 JavaScript 中尝试过这个，但似乎不起作用。

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

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

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

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

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

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

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

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