Нажмите на iframe автоматически

Question

Нажмите на iframe автоматически

0

У меня есть прозрачный блок поверх iframe, и когда я нажимаю на этот блок, я хочу скрыть его, и этот клик должен быть передан в iframe. В js скрипке это видео для встраивания youtube, поэтому мне нужно, чтобы он начал играть. Это не имеет никакого отношения к API-интерфейсу youtube, это там, к примеру.

HTML:

<div id="wrapper">
    <iframe width="853" height="480" src="//www.youtube.com/embed/ASO_zypdnsQ" frameborder="0" allowfullscreen></iframe>
    <div id="hideme"></div>
</div>

CSS:

#wrapper{
    position: relative;
}
#hideme{
    width: 853px;
    height: 480px;
    position: absolute;
    opacity: 0.0;
    z-index: 100;
}
iframe{
    position: absolute;
}

JS:

$(document).ready(function(){
    var button = $('#ok');
    $('#hideme').on('click', function(event){
        $(this).hide(); 
        $('iframe').trigger('click', event);
    });
    button.click(function(){
        alert('You pushed the button!');
    });
});

Вот jsfiddle: http://jsfiddle.net/ZL8ut/

Dmitrii Mikhailov 14 март 2014, в 09:25

Источник

1

Звучит как кликбэк ;-)
alexP 14 март 2014, в 07:28
0

Да, вам действительно следует избегать наложения кликабельных элементов, как правило. Это невероятно хитрый способ использовать посетителей, и многие браузеры и плагины безопасности попытаются предотвратить его, даже если вы сможете заставить его работать в локальном тесте.
Anthony 14 март 2014, в 08:10
0

Ну, есть много более эффективных методов для взлома кликов. То, что я пытаюсь сделать, противоположно. Просто у некоторых провайдеров видео есть свои плееры, и когда пользователь хочет, например, просто приостановить видео, встроенное в мою страницу, плеер открывает новую страницу. Все, чего я хочу, это избежать этого.
Dmitrii Mikhailov 14 март 2014, в 08:29

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

css

iframe

2 ответа

Ещё вопросы

Да, вам действительно следует избегать наложения кликабельных элементов, как правило. Это невероятно хитрый способ использовать посетителей, и многие браузеры и плагины безопасности попытаются предотвратить его, даже если вы сможете заставить его работать в локальном тесте.
Ну, есть много более эффективных методов для взлома кликов. То, что я пытаюсь сделать, противоположно. Просто у некоторых провайдеров видео есть свои плееры, и когда пользователь хочет, например, просто приостановить видео, встроенное в мою страницу, плеер открывает новую страницу. Все, чего я хочу, это избежать этого.

Rofez · Answer 1 · 2014-03-14T05-55-00.000Z

Существует три способа сделать это: при нажатии кнопки вы можете использовать:

$('iframe').attr('src', $('iframe').attr('src') + '?autoplay=1');

Вот рабочий JSFiddle, основанный на вашем собственном.

Надеюсь, это то, что вы хотели.

Поскольку он должен перезагружать iframe, это может показаться странным для посетителя, но это гораздо более разумный и безопасный подход по сравнению с передачей события другому элементу.
Он на самом деле использует API проигрывателя YouTube. Я попытался уточнить в вопросе, что YouTube видео есть только для примера.
Да, но я думал, что это работает для других игроков, кроме Youtube ... Очевидно, нет ...

Vinay Pratap Singh · Answer 2 · 2014-03-14T05-29-00.000Z

просто .trigger('click'); работает

$('#hideme').on('click', function(event){
    $(this).hide(); 
    $('iframe').trigger('click');
});
button.click(function(){
    alert('You pushed the button!');
});
//test by this
$("iframe").on("click", function(){
alert("clicked");
})

Демо-скрипт

@DmitryMikhaylov при нажатии на ааа оповещение вызывается или нет
Да, это работает. Но вы только что удалили все стили CSS.
@DmitryMikhaylov Да, все ваши css не давали мне ничего, на что можно было бы кликнуть, поэтому я удалил их.
весь вопрос был об этом на самом деле. Я спрашивал людей, могу ли я скрыть этот блок #hideme и он автоматически #hideme снова.