brian/MwitVidPlayer
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Add js

Browse Source
This commit is contained in:
Pitchaya Boonsarngsuk
2018-10-27 00:08:53 +01:00
parent c65727ee82
commit 725e3d72e6
2 changed files with 70 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
index.html
View File

@@ -1,105 +1,33 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<title>Hello, world!</title>
</head>
<title>Hello, world!</title>
</head>
<body>
<div class="container">
<h1>Test</h1>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="embed-responsive embed-responsive-16by9">
<video class="embed-responsive-item" controls>
<source src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="col-xs-8 col-md-4 pre-scrollable" style="min-height:100%">
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 1</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 2</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 3</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 4</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 5</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 6</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 7</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 8</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 9</h5>
Subtitle
</div>
</div>
<div class="media">
<img class="mr-3" src="images/gitea.png" alt="placeholder image" height="96">
<div class="media-body">
<h5 class="mt-0">Video 10</h5>
Subtitle
</div>
</div>
<body>
<div class="container">
<h1 id="titleText">Test</h1>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="embed-responsive embed-responsive-16by9">
<video id="vidPlayer" class="embed-responsive-item" controls></video>
</div>
</div>
<div id="videoListContainer" class="col-xs-8 col-md-4 pre-scrollable" style="min-height:100%">
</div>
</div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/popper-umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="index.js"></script>
</body>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.1.slim.min.js" ></script>
<script src="js/popper-umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>