mirror of
https://github.com/videojs/video.js.git
synced 2024-12-25 02:42:10 +02:00
f87297b20e
People keep finding the v4 legacy docs at docs.videojs.com/docs and Google keeps positioning them highly in search results. This attempts to lessen that.
46 lines
4.6 KiB
HTML
46 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" href="../css/guides.css">
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,600,600italic' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/styles/solarized_light.min.css" />
|
|
<script type="text/javascript" src="//use.edgefonts.net/source-code-pro.js"></script>
|
|
<link rel="canonical" href="https://docs.videojs.com">
|
|
</head>
|
|
<body>
|
|
<p class="legacydocsnote">This documentation is for an outdated version of Video.js. See <a href="https://docs.videojs.com">documentation for the current release</a>.
|
|
|
|
<div id="sidenav" class="sidenav"></div>
|
|
<div id="main" class="main">
|
|
<h1 id="glossary">Glossary</h1>
|
|
<p>Terms related to web video.</p>
|
|
<h3 id="dom-document-object-model-">DOM (Document Object Model)</h3>
|
|
<p>The container of elements on the page that must be loaded before you can interact with the elements with through Javascript.
|
|
<a href="http://en.wikipedia.org/wiki/Document_Object_Model">http://en.wikipedia.org/wiki/Document_Object_Model</a></p>
|
|
<h3 id="flash-fallback">Flash Fallback</h3>
|
|
<p>The Flash video player (SWF) used to play a video when HTML5 isn't supported.</p>
|
|
<h3 id="timerange">TimeRange</h3>
|
|
<h3 id="html5-video">HTML5 Video</h3>
|
|
<p>HTML is the markup language that makes up every page on the web. The newest version, HTML5, includes specifications for a video tag, that is meant to allow website developers to add a video to a page the same way they would add an image. In order for this to work, web browser developers (Mozilla, Apple, Microsoft, Google, Opera, etc.) have to build the video playback functionality into their browsers. The W3C has created directions on how video should work in browsers, and it’s up to browser developers to follow those directions, so that video works the same across all browsers. This doesn’t always happen thanks to technology, legal, and financial choices made by browser developers, but so far no one’s varying too far from the specifications. However the specifications are still being changed and refined, so browsers developers have to keep up with that as well.</p>
|
|
<p>Playing video in a web page may not seem so special since you can already view video on a web page through plugins like Flash Player, Quicktime, Silverlight, and RealPlayer, however this is a big step forward for standardizing video playback across web browsers and devices. The goal is that in the future, developers will only need to use one method for embedding a video, that’s based on open standards (not controlled by one company), and it will work everywhere.</p>
|
|
<p>A prime example of this is the iPhone and iPad. Apple has decided not to support Flash on their mobile devices, but they do support HTML5 video. Since Flash is currently the most common way video is added to web pages, most web video (aside from YouTube who has a special relationship with Apple) can’t be viewed on the iPhone or iPad. These devices are very popular, so many web sites are switching to hybrid HTML5/Flash player setups (like VideoJS).</p>
|
|
<h3 id="video-tag">Video Tag</h3>
|
|
<p>There are a number of great resources that will give you an introduction to the video tag an how it is used including:</p>
|
|
<ul>
|
|
<li><a href="http://diveintohtml5.org/video.html">Dive into HTML5</a></li>
|
|
<li>Lynda.com's <a href="http://www.lynda.com/HTML-5-tutorials/HTML5-Video-and-Audio-in-Depth/80781-2.html">'HTML5 Video and Audio in Depth'</a> video tutorials created by yours truly.</li>
|
|
</ul>
|
|
<p>An if you really want to dig in, you can read the (W3C Spec)[<a href="http://www.w3.org/TR/html5/video.html">http://www.w3.org/TR/html5/video.html</a>]. (Warning - not for the faint of heart)</p>
|
|
<h3 id="skin">Skin</h3>
|
|
<p>"Skin" refers to the design of the player's controls, also sometimes called the chrome. With VideoJS, new skins can be built simply by creating a new stylesheet.</p>
|
|
<h3 id="content-delivery-network-cdn-">Content Delivery Network (CDN)</h3>
|
|
<p>A network of servers around the world that host copies of a file. When your browser requests one of these files, the CDN automatically determines which server is closest to your location and delivers the file from there. This drastically increases delivery time, especially internationally.</p>
|
|
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js"></script>
|
|
<script src="../js/guides.js"></script>
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
|
</body>
|
|
|
|
</html>
|