electron_player/player.html at master · dro248/electron_player · 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
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="shortcut icon" href="filmstrip.png">
  <title>BYU International Cinema - Video Player</title>
</head>
<body>
  <div id='splashScreen'>
    <div class='container'>
      <image id='logo' src='ic_round.png'></img><br>
      <a href='#' id='playButton' onclick='player.button_press()'>
        <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In  -->
        <svg version="1.1"
           xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
           x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
           xml:space="preserve">

        <polygon class='triangle' id="XMLID_18_" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="5" points="
          36,31 75,52 36,75 "/>
      </svg>
      </a>
    </div>
    <br>
    <div id="files">Select Files</div>
    <!--<h1><span style='font-family: Times; font-weight: bold'>BYU</span><br>International<br>Cinema</h1>-->

    <div id='filePickerDiv' style="display:none;">
      Select Video Files: <input type="file" id="filePicker" multiple>
    </div>
  </div>

  <div id='playerContainer'>
    <button id='returnBtn' onclick='player.hide_player()'>&#10094;&nbsp;Return to Menu</button>
    <video id='player' width='1500' height='800' controls="true">
      <source src="panda.mp4" type="video/mp4">
      <track label="English" kind="subtitles" srclang="en" src="kungfu.vtt" default>
    </video>


    <div id='test'></div>
  </div>


  <script type="text/javascript" src="script.js"></script>
</body>
</html>