test

VideoJS MPEG-DASH

videojs-contrib-dash lets you use a single format and deliver adaptive streaming video to many recent HTML5 browsers.

Video Player is loading.

Current Time 0:00

/

Duration 14:48

Loaded: 0%

0:00

Stream Type LIVE

Remaining Time -14:48

 

1x

• Chapters

• descriptions off, selected

• subtitles settings, opens subtitles settings dialog
• subtitles off, selected

This is a modal window.

Beginning of dialog window. Escape will cancel and close the window.

Text

ColorWhiteBlackRedGreenBlueYellowMagentaCyanOpacityOpaqueSemi-Transparent

Text Background

ColorBlackWhiteRedGreenBlueYellowMagentaCyanOpacityOpaqueSemi-TransparentTransparent

Caption Area Background

ColorBlackWhiteRedGreenBlueYellowMagentaCyanOpacityTransparentSemi-TransparentOpaque

Font Size

50%75%100%125%150%175%200%300%400%

Text Edge Style

NoneRaisedDepressedUniformDrop shadow

Font Family

Proportional Sans-SerifMonospace Sans-SerifProportional SerifMonospace SerifCasualScriptSmall Caps

End of dialog window.

Video URL:
Widevine License URL:
PlayReady License URL:

Getting Started

Download Dash.js and videojs-contrib-dash. Include them both in your web page along with video.js:

<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls> </video>

<script src="video.js"></script>
<script src="dash.all.js"></script>
<script src="videojs-dash.min.js"></script>
<script>
  var player = videojs('example-video');
  player.src({ src: 'https://example.com/dash.mpd', type: 'application/dash+xml'});
  player.play();
</script>

Or just check out the source of this page!