Skip to content

brainfood / videojs-contrib-hls

Go to a project
Toggle navigation
Toggle navigation pinning
c6c973f6 by David LaPalomento
Options

Merge pull request #304 from videojs/getting-started-demo 

Update Getting Started
2 parents 2ce42f83 c5de61ef
Inline Side-by-side
Showing 1 changed file with 10 additions and 3 deletions
...@@ -5,18 +5,25 @@ A video.js tech that plays HLS video on platforms that don't support it but have ...@@ -5,18 +5,25 @@ A video.js tech that plays HLS video on platforms that don't support it but have
5 [![Build Status](https://travis-ci.org/videojs/videojs-contrib-hls.svg?branch=master)](https://travis-ci.org/videojs/videojs-contrib-hls) 5 [![Build Status](https://travis-ci.org/videojs/videojs-contrib-hls.svg?branch=master)](https://travis-ci.org/videojs/videojs-contrib-hls)
6 6
7 ## Getting Started 7 ## Getting Started
8 Download the [Media Source plugin](https://github.com/videojs/videojs-contrib-media-sources/releases) as well as the [HLS tech](https://github.com/videojs/videojs-contrib-hls/releases). On your web page: 8 Download [videojs-contrib-media-sources](https://github.com/videojs/videojs-contrib-media-sources/releases) and [videojs-contrib-hls](https://github.com/videojs/videojs-contrib-hls/releases). Include them both in your web page along with video.js:
9 9
10 ```html 10 ```html
11 <video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls>
12 <source
13 src="https://example.com/index.m3u8"
14 type="application/x-mpegURL">
15 </video>
11 <script src="video.js"></script> 16 <script src="video.js"></script>
12 <script src="videojs-media-sources.js"></script> 17 <script src="videojs-media-sources.js"></script>
13 <script src="videojs-hls.min.js"></script> 18 <script src="videojs-hls.min.js"></script>
14 <script> 19 <script>
15 var player = videojs('test-vid'); 20 var player = videojs('example-video');
16 player.play(); 21 player.play();
17 </script> 22 </script>
18 ``` 23 ```
19 24
25 Check out our [live example](http://videojs.github.io/videojs-contrib-hls/) if you're having trouble.
26
20 ## Documentation 27 ## Documentation
21 [HTTP Live Streaming](https://developer.apple.com/streaming/) (HLS) has 28 [HTTP Live Streaming](https://developer.apple.com/streaming/) (HLS) has
22 become a de-facto standard for streaming video on mobile devices 29 become a de-facto standard for streaming video on mobile devices
......