У меня есть div, который отображается после нажатия кнопки.
#popupteaserwidevideo {
display:none;
background-color: #000;
position:absolute;
float:left;
width:640px;
height:360px;
margin-left: 160px;
margin-top: 30px;
z-index: 5;
border:0px;
}
Внутри этого div находится vimeo iFrame
<div id="popupteaserwidevideo"><iframe src="http://player.vimeo.com/video/27620891?byline=0&portrait=0&autoplay=1" width="640" height="360" frameborder="0"></iframe></div>
Код document.ready, чтобы показать или скрыть div
$(".highlightbutton"), $("#teaser").click(function() {
$("#popupbackground").fadeToggle('slow');
$("#popupteaserwidevideo").fadeToggle('slow');
});
$("#popupbackground").click(function() {
$("#popupbackground").fadeToggle('fast', 0);
$("#popupteaserwidevideo").fadeToggle('fast', 0);
});
Это все прекрасно работает во всех браузерах, которые я проверял. Но на iPad или iPhone, div не показывает видео vimeo. Звук начинает играть иногда, хотя.
Я не лучший программист. Любая помощь будет принята с благодарностью.
Спасибо,
Mark
Файл теста находится на heerlijkhoorspel.be / testtt /