wiki/howto/tutorials/sailinganalytics/tracking-race-player.md
... ...
@@ -3,23 +3,38 @@ The video below gives an excellent overview of the main functionality of the SAP
3 3
4 4
5 5
6
-<div id="player"></div>
7
-<script>
8
-var tag = document.createElement('script');
6
+ <div id="player"></div>
7
+
8
+ <script>
9
+ console.log('Loading YouTube IFrame API');
10
+
11
+ var tag = document.createElement('script');
9 12
tag.src = "https://www.youtube.com/iframe_api";
10 13
var firstScriptTag = document.getElementsByTagName('script')[0];
11 14
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
12
-var player;
15
+
16
+ var player;
13 17
function onYouTubeIframeAPIReady() {
18
+ console.log('YouTube API Ready, creating player...');
14 19
player = new YT.Player('player', {
15 20
height: '360',
16 21
width: '640',
17
- videoId: 'A2Z86lYV7CE', // Your YouTube video ID
22
+ videoId: 'A2Z86lYV7CE',
23
+ playerVars: {
24
+ autoplay: 1,
25
+ mute: 1
26
+ },
18 27
events: {
19
- 'onReady': onPlayerReady
28
+ 'onReady': function(event) {
29
+ console.log('Player ready, starting video');
30
+ event.target.playVideo();
31
+ },
32
+ 'onError': function(e) {
33
+ console.error('Player error:', e.data);
34
+ }
20 35
}
21 36
});
22 37
}
23
-</script>
38
+ </script>
24 39
25 40