ボタンが押された後に表示される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>
div を表示または非表示にする document.ready コード
$(".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 ビデオが表示されません。たまに音は出ますが。私は最高のプログラマーではありません。どんな助けでも大歓迎です。
ありがとう、マーク
テストファイルはheerlijkhoorspel.be/testtt/にあります