videojs.com
Open in
urlscan Pro
104.198.14.52
Public Scan
Submitted URL: http://videojs.com/
Effective URL: https://videojs.com/
Submission: On November 08 via manual from PL — Scanned from DE
Effective URL: https://videojs.com/
Submission: On November 08 via manual from PL — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="PlayerControls__Form-sc-17b9pcv-0 jQDmt">
<div class="RangeInput__Wrapper-sc-12qxvaw-0 kusCTR">
<div class="RangeInput__Labels-sc-12qxvaw-1 cGXOR"><span>Volume</span><span>100</span></div>
<div class="css-vwoj9o">
<div class="css-v50dlc" style="width: 100%;"></div>
<div class="css-inwnox" style="top: 0%; left: 100%;"></div>
</div>
</div>
<div class="RangeInput__Wrapper-sc-12qxvaw-0 kusCTR">
<div class="RangeInput__Labels-sc-12qxvaw-1 cGXOR"><span>Playback Rate</span><span>1</span></div>
<div class="css-vwoj9o">
<div class="css-v50dlc" style="width: 33.3333%;"></div>
<div class="css-inwnox" style="top: 0%; left: 33.3333%;"></div>
</div>
</div><span class="PlayerControls__CheckboxGroup-sc-17b9pcv-1 hvjlcF">
<div class="CheckboxInput__Wrapper-sc-stvf8-0 cRIxEO"><input readonly="" type="hidden" name="Controls" id="Controls" class="CheckboxInput__Input-sc-stvf8-1 gSgeeg" value="true"><span class="CheckboxInput__Box-sc-stvf8-2 cWZbUl"><svg width="2em"
height="2em" viewBox="0 0 28 28" class="CheckboxInput__StyledTickIcon-sc-stvf8-3 dHJmol">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M19.4 10.4l-7.3 7.2-3.5-3.5"></path>
</svg></span><label for="Controls" class="CheckboxInput__Label-sc-stvf8-4 cwgdms">Controls</label></div>
<div class="CheckboxInput__Wrapper-sc-stvf8-0 cRIxEO"><input readonly="" type="hidden" name="Fluid" id="Fluid" class="CheckboxInput__Input-sc-stvf8-1 gSgeeg" value="true"><span class="CheckboxInput__Box-sc-stvf8-2 cWZbUl"><svg width="2em"
height="2em" viewBox="0 0 28 28" class="CheckboxInput__StyledTickIcon-sc-stvf8-3 dHJmol">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M19.4 10.4l-7.3 7.2-3.5-3.5"></path>
</svg></span><label for="Fluid" class="CheckboxInput__Label-sc-stvf8-4 cwgdms">Fluid</label></div>
</span><span class="PlayerControls__CheckboxGroup-sc-17b9pcv-1 hvjlcF">
<div class="CheckboxInput__Wrapper-sc-stvf8-0 cRIxEO"><input readonly="" type="hidden" name="Mute" id="Mute" class="CheckboxInput__Input-sc-stvf8-1 gSgeeg" value="false"><span class="CheckboxInput__Box-sc-stvf8-2 fkVQVl"></span><label for="Mute"
class="CheckboxInput__Label-sc-stvf8-4 cwgdms">Mute</label></div>
<div class="CheckboxInput__Wrapper-sc-stvf8-0 cRIxEO"><input readonly="" type="hidden" name="Loop" id="Loop" class="CheckboxInput__Input-sc-stvf8-1 gSgeeg" value="false"><span class="CheckboxInput__Box-sc-stvf8-2 fkVQVl"></span><label for="Loop"
class="CheckboxInput__Label-sc-stvf8-4 cwgdms">Loop</label></div>
</span>
</form>Text Content
VIDEOJS.COM
* Get Started
* Guides
* API Docs
* Blog
* Github
* Get Started
* Guides
* API Docs
* Blog
* Github
Close Menu
Open Menu
MAKE YOUR PLAYER YOURS WITH THE WORLD'S MOST POPULAR OPEN SOURCE HTML5 PLAYER
FRAMEWORK
Video Player is loading.
Play Video
Play
Mute
Current Time 0:00
/
Duration 0:25
Loaded: 19.77%
0:00
Stream Type LIVE
Seek to live, currently behind liveLIVE
Remaining Time -0:25
1x
Playback Rate
Chapters
* Chapters
Descriptions
* descriptions off, selected
Captions
* captions settings, opens captions settings dialog
* captions off, selected
Audio Track
* default, selected
Picture-in-PictureFullscreen
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
TextColorWhiteBlackRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentBackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentTransparentWindowColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyTransparentSemi-TransparentOpaque
Font Size50%75%100%125%150%175%200%300%400%Text Edge
StyleNoneRaisedDepressedUniformDropshadowFont FamilyProportional
Sans-SerifMonospace Sans-SerifProportional SerifMonospace SerifCasualScriptSmall
Caps
Reset restore all settings to the default valuesDone
Close Modal Dialog
End of dialog window.
Get StartedDemos
Swap Theme
* city
* fantasy
* forest
* sea
FEATURES
Why Video.js?
Video.js is a web video player built from the ground up for an HTML5 world. It
supports HTML5 video and modern streaming formats, as well as YouTube, Vimeo,
and even Flash (through plugins, more on that later).
It supports video playback on desktop and mobile devices. The project was
started mid 2010, and now has hundreds of contributors and is used on over
450,000 websites.
PLAYS ANYTHING
Plays “traditional” file formats such as MP4 and WebM, but also supports
adaptive streaming formats such as HLS and DASH. There’s even a special UI for
live streams!
EASY TO STYLE
Video.js is designed to be a reliable and consistent base to build on top of.
The player looks great out of the box, but can be easily styled with a little
bit of extra CSS.
100S OF PLUGINS
When you need to add additional functionality, a well-documented plugin
architecture has your back. The community has already built hundreds of skins
and plugins that you can install, such as Chromecast, IMA, even VR.
SUPPORTED EVERYWHERE
Your video should work everywhere your app does. The team makes an effort to
support every modern browser we can, including desktop and mobile.
USED BY
Built by the community, used by the professionals
EXAMPLE
Playlist plugin
The advanced example includes the playlist plugin, along with some useful
details such as what all of the player properties are, and what events have
fired and how often.
Volume100
Playback Rate1
Controls
Fluid
Mute
Loop
Video Player is loading.
Play Video
Play
Mute
Current Time 0:00
/
Duration 0:46
Loaded: 27.19%
0:00
Stream Type LIVE
Seek to live, currently behind liveLIVE
Remaining Time -0:46
1x
Playback Rate
Chapters
* Chapters
Descriptions
* descriptions off, selected
Captions
* captions settings, opens captions settings dialog
* captions off, selected
Audio Track
Picture-in-PictureFullscreen
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
TextColorWhiteBlackRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentBackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentTransparentWindowColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyTransparentSemi-TransparentOpaque
Font Size50%75%100%125%150%175%200%300%400%Text Edge
StyleNoneRaisedDepressedUniformDropshadowFont FamilyProportional
Sans-SerifMonospace Sans-SerifProportional SerifMonospace SerifCasualScriptSmall
Caps
Reset restore all settings to the default valuesDone
Close Modal Dialog
End of dialog window.
1. Now Playing
Up NextDisney's Oceans
0:45
2. Now Playing
Up NextSintel
14:48
3. Now Playing
Up NextAdvanced Bip Bop
30:00
4. Now Playing
Up NextElephant's Dream (HLS with captions, audio description and chapters)
10:53
5. Now Playing
Up NextElephant's Dream (mp4 with separate text track audio description,
captions, and chapters)
10:53
6. Now Playing
Up NextTears of Steel
12:13
7. Now Playing
Up NextBig Buck Bunny
9:56
8.
* errornull
* src//vjs.zencdn.net/(…)oceans.mp4
* currentSrc//vjs.zencdn.net/(…)oceans.mp4
* crossOrigin
* networkState2
* preload"auto"
* buffered[0.00, 2.25]
* readyState1
* seekingfalse
* currentTime0
* duration46.613333
* pausedtrue
* defaultPlaybackRate1
* playbackRate1
* played
* seekable[0.00, 46.61]
* endedfalse
* autoplayfalse
* loopfalse
* controlstrue
* volume1
* mutedfalse
* audioTracks{"length":0}
* videoTracks{"length":0}
* textTracks{"length":0}
* width0
* height0
* currentWidth1002
* currentHeight556.656
* videoWidth960
* videoHeight400
* poster//vjs.zencdn.net/(…)oceans.png
* readyState1
* loadstart1
* suspend1
* abort0
* error0
* emptied0
* stalled0
* loadedmetadata1
* loadeddata1
* canplay1
* canplaythrough1
* playing0
* waiting0
* seeking0
* seeked0
* ended0
* durationchange1
* timeupdate0
* progress1
* play0
* pause0
* ratechange0
* resize1
* volumechange0
SPONSORS
The folks who help make this happen
Brightcove is the main sponsor of the project, employing many of the core
members and investing thousands of engineering hours every year in Video.js and
Video.js plugins.
The Brightcove Player is built on Video.js and used on thousands of video
websites, ensuring Video.js can handle the most professional use cases.
Corporate Shepherd
CDN
Website
Device Testing
Static Hosting
IMPLEMENTATION
When to use Video.js over the <video> element?
FeatureVideo.jsHTML5Cross-browser "Skins"
Looks good everywhere with CSS-based Skins
Looks different in every browser
Adaptive Streaming (adjusting to the viewer’s bandwidth)
HLS supported everywhere. DASH supported everywhere but iOS Safari.
HLS and DASH not playable in Chrome or Firefox by default.
Social Video Platforms
Play Youtube, Vimeo, and more with added plugins.
Not supported
Community-built Plugins
Hundreds!
Probably?
Browser API Inconsistencies
Makes them disappear
Many
GET INVOLVED
We make it easy for anyone to jump in and be a part of the Video.js community.
Demuxed conference
video js slack
Video-dev / #Videojs
Video js twitter
Code of conduct
Demuxed conference
* Get Started
* Guides
* API Docs
* Blog
* Github
Video.js is a free and open source HTML5 video player framework.
© Brightcove, Inc.