我试图将tumblr页面上发布的vimeo视频嵌入我的新网站。为此,我从tumblr页面的json文件中读取视频源信息,可以通过http://vimeo.tumblr.com/api/read/json
访问然后尝试使用jquery将其附加到我的网页。 但是,似乎chrome将//player.vimeo.com链接解释为本地目录而不是网站!我该怎么办呢?
这基本上就是我现在所拥有的
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<div id="helloWorld"></div>
<script type="text/javascript" src="Karen/jquery.js"></script>
<script type="text/javascript" src="http://vimeo.tumblr.com/api/read/json">
</script>
<script type="text/javascript">
for (var i=0; i<5; i++){
var link = tumblr_api_read.posts[i]["video-source"]
$("div#helloWorld").append(link + "<br>");
}
</script>
</head>
</html>
编辑:抱歉有任何困惑,我试图解决当视频源被包装在iframe中时遇到的问题,并导致浏览器查找文件://player.vimeo.com ...
我能够通过这样做解决问题
var link = tumblr_api_read.posts[i]["video-source"];
if (link){
link = link.replace("//player", "http://player")
$("div#helloWorld").append(link + "<br>");
}
答案 0 :(得分:1)
//
是相对的:它会指向适合手头任务的协议:如果您在本地测试此网页,//
始终指向file://
。如果您在线执行此操作,则会使用http://
或https://
,具体取决于您要访问的资源的协议。
要解决此问题,请明确说明您要使用的协议,无论是http
还是https
。