JSVideoPlayer/index.html at master · x0r-hash/JSVideoPlayer · GitHub

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
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset='utf-8'>
        <meta http-equiv='X-UA-Compatible' content='IE=edge'>
        <title>VideoPlayer ID1150</title>
        <meta name='viewport' content='width=device-width, initial-scale=1'>
        <link rel='stylesheet' type='text/css' media='screen' href='style.css'>
        <link rel="stylesheet" type='https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css'>
        <link rel='stylesheet' type='https://cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css'>
        <link type="googleapis" href="https://fonts.googleapis.com/css?family=Girassol&display=swap" rel="stylesheet">
        <script type="text/javascript" src="jquery-3.4.1.js"></script>

    </head>
    <body>
        <div id="container">
            <h1>This is a simple VideoPlayer, so don't have too many expectation !</h1>
            <h3>VP is an important tool used in watching movies with your friends and family. Enjoy using this simple online VideoPlayer and
                contact me if you have any Questions regarding this project.
            </h3>
            <h3>
                To make this VideoPlayer I used pure HTML, CSS and javaScript code and you cand find me on:
            </h3>
            <ul id="list">
                <li><a href="https://github.com/">GitHub</a></li>
                <li><a href="https://linkedin.com/">LinkedIn<a></li>
                <li><a href="https://facebook.com/"> Facebook</a></li>
                <li><a href="https://instagram.com/">Instagram</a></li>
            </ul>
            <p>If you want to be able to use this web-player you must first read the help menu that is posted <a href="https://www.google.ro"> here.</a></p>

            <!-- Incarcarea priimului clip in pagina de HTML-->
            <video id="myVideo" controls='controls'>
                <source src="video/v1.mp4">
            </video>
            <output id="timeOut">Time: 0</output>
            <output id="vidNum">Video: 1/4</output>

            <div id="playButtons">
                <button id="btnPlay">Play</button>
                <button id="btnPause">Pause</button>
                <button id="btnStop">Stop</button>
            </div>
            <div id="nextButton">
                <button id="btnNext">Next</button>
            </div>


            <img id="logoAse" src="./images/logo-ASE.jpg" alt="Logo ASE Bucharest Romania">


        <script type="text/javascript" src='main.js'></script>
        </div>

    </body>


    </html>