Очень странный этот.У меня есть видео Vimeo, и я установил несколько ключевых точек для запуска различных событий.
До сегодняшнего утра это работало нормально.
Пример HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cue point Issue</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="videoContainer">
<img class="aspectRationImg" src="img/asp-img.png" />
<iframe class="custVimVideo" src="https://player.vimeo.com/video/33110953?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
<script src="js/interactive_video_events.js"></script>
</body>
</html>
Сопровождающий JavaScript:
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);
player.addCuePoint(5, {
customKey: 'doSomething'
}).then(function(id) {
}).catch(function(error) {
switch (error.name) {
case 'UnsupportedError':
break;
case 'RangeError':
break;
default:
break;
}
});
player.on('cuepoint', function(data) {
switch (data.data.customKey) {
case 'doSomething':
console.log("Cue Called");
break;
default:
break;
}
});
Как только видео достигает 5 секунд, появляется следующая ошибка (Google Chrome):
player.js:2 Uncaught TypeError: Time must be a number.
at new r (player.js:2)
at Function.value (player.js:2)
at player.js:2
at Array.forEach (<anonymous>)
at TextTrack.<anonymous> (player.js:2)
at TextTrack.e (player.js:2)
r @ player.js:2
value @ player.js:2
(anonymous) @ player.js:2
(anonymous) @ player.js:2
e @ player.js:2
Любая помощь будет высоко ценится!