我试图让用户使用以下功能在youtube视频中查找特定时间:
function setCurrentTime(slideNum) {
var object = <?php echo json_encode($matches); ?>;
if ('seekTo' in player.trackingVideoId){
var seekTime = object[0][slideNum];
player.trackingVideoId.seekTo(HHmmssToSeconds(seekTime));
}
}
何处
var object = [["00:00:00","00:01:07"],["00","00"],["00","01"],["00","07"]];
player.trackingVideoId = new YT.Player('trackingVideoId');
<iframe id="trackingVideoId" type="text/html" width="340" height="210" src="https://www.youtube.com/embed/D77wXvwChtU?enablejsapi=1" frameborder="0"></iframe>
<input type="button" value="Seek" onclick="setCurrentTime(1)">
它有时工作正常,有时不工作,并出现以下错误(在firefox控制台上):
TypeError: invalid 'in' operand player.trackingVideoId
if ('seekTo' in player.trackingVideoId){
并且当评论条件CCD_ 1 时
出现以下错误
Uncaught TypeError: Cannot read property 'seekTo' of undefined
更新:
我在onYouTubeIframeAPIReady()上初始化了它,就像在你的链接中一样。然而,我把setCurrentTime(slideNum)放在YouTubeIframeAPIReady()函数的外部,我试图把它放在内部,还有一个错误是没有定义setCurrentTime。
当用户点击按钮时,我试图寻找特定的时间
<input type="button" value="Seek" onclick="setCurrentTime(0)">
你可以试试@http://ilstream.com/video_slides/video_slides.php
我认为您没有初始化YouTube Player
YT.Player可以在YouTubeIframeAPIReady上实例化
(请在控制台中使用"console.dir(player.trackingVideoId)"进行检查)
我建议您在下面的代码中实现相同的方式
https://developers.google.com/youtube/iframe_api_reference#Getting_Started
更新:
请尝试此代码,并与您的代码进行比较
它似乎对我来说很好(Windows7/Chrome 37.0.2062.124米)。
<!DOCTYPE html>
<html>
<body>
<div id="player"></div>
<input type="button" value="Seek0" onclick="setCurrentTime(0)" />
<input type="button" value="Seek1" onclick="setCurrentTime(1)" />
<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', {
height: '210',
width: '340',
videoId: 'D77wXvwChtU',
});
}
function setCurrentTime(slideNum) {
var object = [ 60, 120 ];
player.seekTo(object[slideNum]);
}
</script>
</body>
</html>