-
Notifications
You must be signed in to change notification settings - Fork 1
/
RRE VideoJS Code.html
52 lines (50 loc) · 2.73 KB
/
RRE VideoJS Code.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" />
<link
href="https://github.com/RondonRealEstate/vjs-rre-theme/blob/main/RRE%20VideoJS%20Code.css"
rel="stylesheet"
/>
<link href="https://unpkg.com/@silvermine/videojs-quality-selector/dist/css/quality-selector.css" rel="stylesheet">
<div="background-color: #ffffff; video.js #vjs-rre-theme {
max-width: 640px;
text-align: left;
margin: 30px auto;
}
#vjs-rre-theme textarea {
width: 100%;
height: 100px;
}
.vjs-rre-theme .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body {
margin-top: 20px;
background: #222;
text-align: center;
color: #ffff00;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background: radial-gradient(#222, hsl(200, 30%, 6%));
}
a,
a:hover,
a:visited {
color: #aaa;
}"
</div>
<video id="my_video_1" class="video-js vjs-rre-theme vjs-fill vjs-fluid vjs-16-9 vjs-big-play-centered vjs-show-big-play-button-on-pause vjs-controls-enabled" preload="auto" controls="100%-centered" width="auto" height="auto" poster="https://previews.dropbox.com/p/thumb/ACM2EdBWLsD1CmAiuDSO9F932L5gXEX3eT17zn7hBF_2HLrNq_Q0sUnnJ6rNKKpKac093WeK1FU4aZo7Rld0PjGeoEQ9QFS2pkVx2D6WR_esBJJ3gSzxRUOEJFBHjXQD7bjwA-4wn0vuNs6WQb-484wcy6X9kYElqcj-vn14gy6t7-gZqxYgIxEkaR-t30FAmmZW5x6v7Datbo4g82Hx1QOK-WtE5RuYazaNEe3lrlipSx7WPsD749GQtMDReRf9nBbE2P6FuOKoGeJior9rtvlpYmMrOThgvgCJ8Ak0O7_5p9nJqQLooM-E1_t2w3fS6l2JBIEWU7V_JTf5EnDY4o2r/p.png" data-setup="{ 'aspectRatio':'1440:2560', 'playbackRates': [1, 1.5, 2, 3.5, 10] [ 'fluid': true]}"> <source src="https://www.dropbox.com/scl/fi/94cf6rdloxa0uuy1jm94b/2027-Blake-Avenue-Listing.mp4?rlkey=itjz82wdyjvlke1g3d4ff7v04&raw=1" type="video/mp4"></source>
<p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p>
</video>
<script src="./path/to/video.min.js"></script>
<script src="https://unpkg.com/@silvermine/videojs-quality-selector/dist/js/silvermine-videojs-quality-selector.min.js"></script>
<script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://gist.github.com/RondonRealEstate/f37430ea38fc9a8e672274e553feaed8.js"></script>
</html>