我只从vimeo示例中复制了3行脚本 - 它会导致“未定义”错误

I copied just 3 lines of script from vimeo example - and it causes an 'undefined' error

本文关键字:未定义 错误 脚本 3行 vimeo 复制      更新时间:2023-09-26

我从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>

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

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

$(document).ready(function () {});包装你的代码

要么写你的代码...

 $(function() { 
here
})

或在结束正文标记之前。

问题是您的脚本是在呈现 html 之前执行的。