Introduce a less intrusive skin

This commit is contained in:
Petko Bordjukov 2014-10-29 20:08:33 +02:00
parent 3774abc062
commit 69791730e4
2 changed files with 5 additions and 1 deletions

View File

@ -1,3 +1,4 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -6,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="video-js.min.css" rel="stylesheet" type="text/css"> <link href="video-js.min.css" rel="stylesheet" type="text/css">
<link href="videojs-sublime-skin.min.css" rel="stylesheet" type="text/css">
<script src="video.js"></script> <script src="video.js"></script>
<script> <script>
@ -54,8 +56,9 @@
<div class="wrapper main-box"> <div class="wrapper main-box">
<div class="sixteen-by-nine aspect-ratio"></div> <div class="sixteen-by-nine aspect-ratio"></div>
<div class="content"> <div class="content">
<video class="video-js vjs-default-skin" controls preload="none" width="auto" height="auto" poster="openfest-poster.png" data-setup="{}"> <video class="video-js vjs-sublime-skin" controls preload="none" width="auto" height="auto" poster="openfest-poster.png" data-setup="{}">
<source src="http://grendel.ludost.net/openfest/hls/{{stream}}.m3u8" type="application/x-mpegURL" /> <source src="http://grendel.ludost.net/openfest/hls/{{stream}}.m3u8" type="application/x-mpegURL" />
<source src="http://grendel.ludost.net/openfest/dash/{{stream}}.mpd" type="application/dash+xml" />
<source src="rtmp://grendel.ludost.net/openfest/{{stream}}" type='rtmp/flv' /> <source src="rtmp://grendel.ludost.net/openfest/{{stream}}" type='rtmp/flv' />
<p class="vjs-no-js"> <p class="vjs-no-js">
To view this video please enable JavaScript, To view this video please enable JavaScript,

1
videojs-sublime-skin.min.css vendored Normal file

File diff suppressed because one or more lines are too long