我从vimeo示例中复制了3行脚本 - 它会导致'undefined'错误

时间:2013-11-11 21:24:35

标签: javascript jquery vimeo vimeo-api

我从Vimeo复制了3行代码,Chrome的javascript调试器表示它们会导致未定义的错误。它试图做一个分裂'在一个不存在的元素上。这是3行脚本,加上所有的html,因为它显然很短。任何帮助表示赞赏。

<!DOCTYPE html >
<html>
<head><meta http-equiv="Content-Type" content="Type=text/html; charset=utf-8" /><title>

</title><link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/sunny/jquery-ui.css" /><link href="/Styles/common.css" rel="stylesheet" type="text/css" />
<script src='/Scripts/utilities.js' type="text/javascript"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"  type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"  type="text/javascript"></script>    

<script  type="text/javascript">

var f = $('iframe'),
url = f.attr('src').split('?')[0],
status = $('.status');

</script>

</head>
<body>


<center>
       <table><tr><td>
<div id="ContainPlayer" style="position:relative;"> 

          <iframe src="//player.vimeo.com/video/79036140?autoplay=1&api=1" 
              player_id="vimeoplayer" id="vimeoplayer" 
              width="1000" height="454"
                        frameborder="0" ></iframe>

                      </div>  </td> 

              </tr></table>
</center>                   
</body>
</html>

3 个答案:

答案 0 :(得分:1)

这是因为在呈现页面之前,在加载内容之前放置了javascript。在iframe之后移动脚本代码或将块放在domready事件中。

$(function(){
var f = $('iframe'),
url = f.attr('src').split('?')[0],
status = $('.status');
});

答案 1 :(得分:0)

您必须将代码包装在$(document).ready(function () {});

答案 2 :(得分:0)

编写代码......

 $(function() { 
here
})

或在关闭身体标签之前。

问题是你的脚本是在渲染html之前执行的。