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

时间:2015-03-10 18:15:26

标签: javascript jquery html

所以我有一个对象标签

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

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

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

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

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

2 个答案:

答案 0 :(得分: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);
});

答案 1 :(得分:0)

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

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