我有一个 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 视频。声音有时会开始播放。我不是最伟大的程序员。任何帮助将不胜感激。
谢谢你,马克