Bonjour à tous,

Voilà je cherche à modifier mon code pour pouvoir faire en sorte de compter comme vue la vidéo si celle ci a été affichée dans le ViewPort plus de 3 secondes. Je ne sais pas s'il est possible de lancer un chronomètre qui affichera "Vidéo vue plus de 3secondes" une fois les 3 secondes passées. Il faudrait que cette information ne soit donnée qu'une fois, ainsi si on scroll et qu'on revient ça ne sera pas comptabiliser comme une vue.

Ici la vidéo est un exemple, elle se lancera toute seule une fois terminé.

Merci d'avance pour votre précieuse aide.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<html>
<head>
</head>
 
<body>
 
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
 
<iframe id="player_vid" width="300" height="200" src="https://www.youtube.com/embed/YXMnrY_Fcns" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
 
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script>
    window.onload = function() {
        
                
                var isInViewport = function (elem) {
                var bounding = elem.getBoundingClientRect();
                return (
                bounding.top >= 0 &&
                bounding.left >= 0 &&
                bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
                );
                };
                var player = document.getElementById('player_vid');
                window.addEventListener('scroll', function () {
                        canUserSeeIt = isInViewport(player);
                        console.log(canUserSeeIt);
                        console.log(
                }, false);
    }
</script>
</body>
</html>