Я пытаюсь реализовать отслеживание видео для наших видео Vimeo на нашем веб-сайте. У меня тоже есть работа для Play/Finish, но мне также нужно сделать это для 25%, 50%, 75%.
Это мой текущий код
$(document).ready(function() {
var iframe = document.querySelector('#vimeo_id_0');
var player = new Vimeo.Player(iframe);
//Track videos on Play
player.on('play', function(data){
player.getVideoTitle().then(function(title) {
$('body').append('<div>Play:' + title + '</div>');
});
//ga('send', 'event', { eventCategory: 'Video', eventAction: 'Play', eventLabel: 'Video Play'});
});
//Track videos at percent played
player.on('timeupdate', function(data){
player.getVideoTitle().then(function(title) {
console.log(data.percent);
if(data.percent = 0.25) {
//25% percent
$('body').append('<div>25%' + title + '</div>');
} else if (data.percent = 0.50) {
//50% percent
$('body').append('<div>50%' + title + '</div>');
} else if (data.percent = 0.75) {
//75% percent
$('body').append('<div>75%' + title + '</div>');
}
});
});
//Track videos on End
player.on('ended', function(data){
player.getVideoTitle().then(function(title) {
$('body').append('<div>Ended:' + title + '</div>');
//ga('send', 'event', { eventCategory: 'Video', eventAction: 'Finished', eventLabel: 'Video Finished'});
});
});
});<script src="https://player.vimeo.com/api/player.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/260024854' id="vimeo_id_0" frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>Я пытаюсь сделать так, чтобы, когда процент timeupdate достигает 0,25, он запускал событие, и все. Однако он начинает запускаться сразу и срабатывает каждый раз, когда обновляется вызов timeupdate, что означает, что мы будем отслеживать множество событий в Google Analytics.
Любая помощь будет оценена по достоинству. Спасибо
