0
我在我的HTML頁面中嵌入了YouTube視頻。我試圖獲取YouTube視頻的當前時間。我用這個問題的答案來創建這樣的頁面 (YouTube currentTime with jQuery)無法獲取youtube視頻當前時間
當我試圖顯示時間,我得到一個錯誤:'getCurrentTime不是一個函數'。
HTML
<div style="text-align:center">
<button onclick="playPause()">Play</button>
<button onclick="showTime()">Show Time</button>
<br><br>
<iframe id = "it" width="560" height="315" src="https://www.youtube.com/v/FHtvDA0W34I?version=3&enablejsapi=1" frameborder="0" allowfullscreen></iframe>
<br>
<label id=startHighlighlbl>VideoHighlightStart: </label>
</div>
的JavaScript
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
function ShowTime() {
alert(player.getCurrentTime());
}
</script>
嘗試在'新YT.Player(改變'player' 'player''到新的'YT.Player(' it'' ...或在您的HTML –
中將'id =「it」'更改爲'id =「player」'這裏是一支修改過的筆http://codepen.io/anon/pen/zvXmEp?editors=101 – Pellmellism