Question

使用JQuery插件Tubeplayer，我可以获取YouTube视频的当前时间，以便在Chrome和本地Firefox中的jsfiddle上正确显示。在本地镀铬中，启动，停止和videoURL正常工作，而currentTime显示0（它应该在视频播放时更新，就像在小提琴中一样）。

问题： 为什么javascript在chrome中jsfiddle上工作，而不是在本地工作？

其他帖子建议将代码包装在

中

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

但对我来说似乎并没有影响它以下是我的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>

感谢您的帮助。谢谢！

JS没有在本地运行 - 在JSFiddle上工作 - JQuery Tubeplayer

0 个答案: