如何在youtube embed api中收听seek事件 [英] How to listen to seek event in youtube embed api
本文介绍了如何在youtube embed api中收听seek事件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用 youtube iframe 嵌入 API.我想按用户跟踪搜索视频事件.请帮助我如何跟踪.
Hi I am using youtube iframe embed API. I want to track seek video event by user. Please help me how can I track this.
推荐答案
单独使用 api 没有简单的方法来跟踪事件.
There is no simple way to track the event with the api alone.
你可以在间隔内运行一个javascript函数并检查测量的时间差是否与预期的不同
What you could to is running a javascript function in interval and check if the time difference measured is different from the one expecting
这是一个示例代码:
<html>
<body>
<div id="player"></div>
<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() {
console.log("ready");
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'cRmNPE0HwE8',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
//console.log(player);
}
function onPlayerReady(event) {
event.target.playVideo();
/// Time tracking starting here
var lastTime = -1;
var interval = 1000;
var checkPlayerTime = function () {
if (lastTime != -1) {
if(player.getPlayerState() == YT.PlayerState.PLAYING ) {
var t = player.getCurrentTime();
//console.log(Math.abs(t - lastTime -1));
///expecting 1 second interval , with 500 ms margin
if (Math.abs(t - lastTime - 1) > 0.5) {
// there was a seek occuring
console.log("seek"); /// fire your event here !
}
}
}
lastTime = player.getCurrentTime();
setTimeout(checkPlayerTime, interval); /// repeat function call in 1 second
}
setTimeout(checkPlayerTime, interval); /// initial call delayed
}
function onPlayerStateChange(event) {
}
</script>
</body>
</html>
这篇关于如何在youtube embed api中收听seek事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
