File: autoplaying-multiple-media-elements.html

package info (click to toggle)
wpewebkit 2.38.6-1
  • links: PTS, VCS
  • area: main
  • in suites: bookworm
  • size: 311,508 kB
  • sloc: cpp: 2,653,313; javascript: 289,013; ansic: 121,268; xml: 64,149; python: 35,534; ruby: 17,287; perl: 15,877; asm: 11,072; yacc: 2,326; sh: 1,863; lex: 1,319; java: 937; makefile: 146; pascal: 60
file content (34 lines) | stat: -rw-r--r-- 971 bytes parent folder | download | duplicates (4)
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
<!DOCTYPE html>
<html>
<head>
    <script>

    function pageLoaded() {
        try {
            window.webkit.messageHandlers.testHandler.postMessage('loaded');
        } catch(e) { }
    }

    function playVideo(identifier) {
        document.getElementById(identifier).play().catch(function() {
            try {
                window.webkit.messageHandlers.testHandler.postMessage("did-not-play-" + identifier);
            } catch(e) { }
        });
    }

    function didPlayVideo(identifier) {
        try {
            window.webkit.messageHandlers.testHandler.postMessage("did-play-" + identifier);
        } catch(e) { }
    }

   </script>
</head>
<body onload="pageLoaded()">
    <button onclick="playVideo('video1')">Play Video 1</button>
    <br />
    <video id="video1" onplaying="didPlayVideo('video1')" src="video-with-audio.mp4"></video>
    <video id="video2" onplaying="didPlayVideo('video2')" src="video-with-audio.mp4"></video>
</body>
</html>