youtube-controller/index.html at main · jankalthoefer/youtube-controller · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
    <link rel="stylesheet" href="styles.css" />
    <body style="width: 100%; height: 100vh">
        <!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
        <div id="player" style="width: 100%; height: 100%; text-align: center"></div>
        <br />

        <br />
        <br />
        <br />

        <div style="text-align: center">
            <button onclick="skipVideo()">Next video</button>
            <br />
            <button onclick="switchPlaylist(0)">Play playlist 1 🚂</button>
            <button onclick="switchPlaylist(1)">Play playlist 2 🚄</button>
            <button onclick="switchPlaylist(2)">Play playlist 3 🛤️</button>
        </div>
        <script src="main.js"></script>
        <script src="controller.js"></script>
    </body>
</html>