Question

我有以下代码在Chrome和IE中运行良好，但在Firefox中，结果是不可接受的，因为它会使视频占据整个窗口。任何想法和想法都表示赞赏。

$("a.link").click(function() {
    var a_href = $(this).attr('href');
    //console.log(a_href);
    $('#vidholder').prop('src', a_href);
    $('#vidholder').prop('height', 300);
    $('#vidholder').prop('width', 400);

    if ($("#vid-wrapper").is(":hidden")) {
        $("#vid-wrapper").slideDown("fast");
    } else {
        $("#vid-wrapper").hide();
    }
    event.preventDefault();
});

Answer 1

您忘了定义event。

$("a.link").click(function(event) {

Answer 2

不要知道它是否与问题有关，但请记住$ .prop（）用于布尔属性（例如“checked”属性）。对于像width和src这样的值属性，你应该使用$ .attr（），所以你的代码应该是这样的：

$('#vidholder').attr('src', a_href);
$('#vidholder').attr('height', 300);
$('#vidholder').attr('width', 400);

YouTube iframe的jQuery弹出窗口无法在Firefox中运行

2 个答案: