Javascript JS未在本地运行-在JSFIDLE-JQuery Tubeplayer上工作_Javascript_Jquery_Google Chrome

Javascript JS未在本地运行-在JSFIDLE-JQuery Tubeplayer上工作

javascript jquery google-chrome

Javascript JS未在本地运行-在JSFIDLE-JQuery Tubeplayer上工作,javascript,jquery,google-chrome,Javascript,Jquery,Google Chrome,使用JQuery插件，我能够在chrome和firefox本地的JSFIDLE上正确显示YouTube视频的当前时间。在chrome本地版中，启动、停止和videoURL正常工作，而currentTime显示0，它应该随着视频播放而更新，就像在小提琴中一样。问题: 为什么javascript可以在chrome上工作，但不能在本地工作？其他帖子建议将代码包装成 $(function(){ //code }); 但对我来说，这似乎并不影响它。以下是my index.html中的代码-

使用JQuery插件，我能够在chrome和firefox本地的JSFIDLE上正确显示YouTube视频的当前时间。在chrome本地版中，启动、停止和videoURL正常工作，而currentTime显示0，它应该随着视频播放而更新，就像在小提琴中一样。问题: 为什么javascript可以在chrome上工作，但不能在本地工作？其他帖子建议将代码包装成

$(function(){
    //code
});

但对我来说，这似乎并不影响它。以下是my index.html中的代码-本地运行的内容：

<!DOCTYPE HTML>
<html>
<head>
<title>tubeplayer</title>
</head>
<body>
<div id='player'></div>
<button id="play">PLAY</button>
<button id="pause">PAUSE</button>
<button id="time">Current time</button>
<button id="url">Video URL</button>
<div id="display"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.tikku.com/scripts/ui/tubeplayer/jQuery.tubeplayer.min.js"></script>
<script>
$(function(){
    var video_id = '9BkBGdnUNSk';
    $("#player").tubeplayer({
        width: 560, // the width of the player
        height: 315, // the height of the player
        initialVideo: video_id
    });
    $('#pause').click(function(){
        $('#player').tubeplayer("pause");
    });
    $('#play').click(function(){
        $('#player').tubeplayer("play");
    });
    $('#time').click(function(){
        $('#display').text($("#player").tubeplayer("data").currentTime);
    });
    $('#url').click(function(){
        $('#display').text($("#player").tubeplayer("data").videoURL);
    });
});
</script>
</body>
</html>

谢谢你的帮助。谢谢大家!

您是直接在浏览器中运行此文件，还是使用浏览器的本地主机上的任何服务器？如果您直接运行而不使用任何本地服务器，请尝试使用XAMPP或WAMP服务器，然后再次尝试运行这些文件是否存在任何控制台错误？！我直接运行了这个文件，并将其上传到了我的远程服务器，其效果与本地服务器相同。当我按“播放”时会出现8个错误，但“播放”按钮会起作用，而当我按“当前时间”时则没有错误。错误是：未能在“DOMWindow”上执行“postMessage”：提供的目标源代码“与收件人窗口的源代码“null”不匹配。@saylor@Charlie对此表示感谢，但遗憾的是，将http://更改为https://并没有解决此问题。尽管如此，这些按钮也可以在隐姓埋名的情况下工作，如果这值得的话。