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
[![Build Status](https://travis-ci.org/videojs/videojs-contrib-hls.svg?branch=master)](https://travis-ci.org/videojs/videojs-contrib-hls)
## Getting Started
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:
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:
```html
<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls>
<source
src="https://example.com/index.m3u8"
type="application/x-mpegURL">
</video>
<script src="video.js"></script>
<script src="videojs-media-sources.js"></script>
<script src="videojs-hls.min.js"></script>
<script>
var player = videojs('test-vid');
player.play();
var player = videojs('example-video');
player.play();
</script>
```
Check out our [live example](http://videojs.github.io/videojs-contrib-hls/) if you're having trouble.
## Documentation
[HTTP Live Streaming](https://developer.apple.com/streaming/) (HLS) has
become a de-facto standard for streaming video on mobile devices
......