我正在使用 squarespace(回想起来是一个糟糕的主意,因为难以用代码进行自定义),并且我需要能够识别此 div 中的 vimeo iframe,以便我可以在一些 javascript 调用中使用它。但是,javascript 无法识别任何存在的此类 iframe 元素。我觉得要么无法识别 iframe,因为它当前被推入 div(按 squarespace),或者我缺少一个选择器。任何帮助或指示将不胜感激。
这是我试图嵌入到 squarespace 的 iframe:
<iframe src="http://player.vimeo.com/video/135481337?api=1&player_id=player1&wmode=opaque" width="500" frameborder="0" id="player1" class="vimeo" height="281"></iframe>
这是嵌入的 iframe:
<div class="sqs-video-wrapper" data-load="false" data-html="<iframe src="http://player.vimeo.com/video/135481337?api=1&amp;player_id=player1&amp;wmode=opaque" width="500" frameborder="0" id="player1" class="vimeo" height="281"></iframe>" data-provider-name="" >
</div>
这是我的javascript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
alert("this alert is working");
// Enable the API on each Vimeo video
jQuery('iframe.vimeo').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
function ready(playerID){
Froogaloop(playerID).addEvent('play', play(playerID));
Froogaloop(playerID).addEvent('finish', onFinish);
}
function play(playerID){
alert(playerID + " is playing!");
}
function onFinish() {
document.write('<style>.yui3-lightbox2-content {display: none !important;}</style>');
}
});
</script>
我从这个链接中看到的这个 api 的一个工作示例中获取了这个。