You are here

JsDoc Reference - minplayer.compatibility in HTML5 Media 7

This class is used to define the types of media that can be played within the browser.

Usage:


  var playTypes = new minplayer.compatibility();

  if (playTypes.videoOGG) {
    console.log("This browser can play OGG video");
  }

  if (playTypes.videoH264) {
    console.log("This browser can play H264 video");
  }

  if (playTypes.videoWEBM) {
    console.log("This browser can play WebM video");
  }

  if (playTypes.audioOGG) {
    console.log("This browser can play OGG audio");
  }

  if (playTypes.audioMP3) {
    console.log("This browser can play MP3 audio");
  }

  if (playTypes.audioMP4) {
    console.log("This browser can play MP4 audio");
  }

Defined in: minplayer.compatibility.js.

Class Summary
Constructor Attributes Constructor Name and Description
 
Field Summary
Field Attributes Field Name and Description
 
Can play audio MP3
 
Can play audio MP4
 
Can play audio OGG
 
Can play H264 video
 
Can play OGG video
 
Can play WEBM video
Class Detail
minplayer.compatibility()
Field Detail
audioMP3
Can play audio MP3

audioMP4
Can play audio MP4

audioOGG
Can play audio OGG

videoH264
Can play H264 video

videoOGG
Can play OGG video

videoWEBM
Can play WEBM video

Documentation generated by JsDoc Toolkit 2.4.0 on Thu Oct 04 2012 19:54:20 GMT-0700 (PDT)

File

player/doc/symbols/minplayer.compatibility.html
View source
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>JsDoc Reference - minplayer.compatibility</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	width: 800px;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 190px;
	width: 600px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>
<hr />
<h2>Classes</h2>
<ul class="classList">
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
	<li><a href="../symbols/jQuery.fn.minplayer.html">jQuery.fn.minplayer</a></li>
	
	<li><a href="../symbols/minplayer.async.html">minplayer.async</a></li>
	
	<li><a href="../symbols/minplayer.compatibility.html">minplayer.compatibility</a></li>
	
	<li><a href="../symbols/minplayer.display.html">minplayer.display</a></li>
	
	<li><a href="../symbols/minplayer.file.html">minplayer.file</a></li>
	
	<li><a href="../symbols/minplayer.flags.html">minplayer.flags</a></li>
	
	<li><a href="../symbols/minplayer.image.html">minplayer.image</a></li>
	
	<li><a href="../symbols/minplayer.players.base.html">minplayer.players.base</a></li>
	
	<li><a href="../symbols/minplayer.players.flash.html">minplayer.players.flash</a></li>
	
	<li><a href="../symbols/minplayer.players.html5.html">minplayer.players.html5</a></li>
	
	<li><a href="../symbols/minplayer.players.minplayer.html">minplayer.players.minplayer</a></li>
	
	<li><a href="../symbols/minplayer.players.vimeo.html">minplayer.players.vimeo</a></li>
	
	<li><a href="../symbols/minplayer.players.youtube.html">minplayer.players.youtube</a></li>
	
	<li><a href="../symbols/minplayer.plugin.html">minplayer.plugin</a></li>
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Class minplayer.compatibility
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				
			
				This class is used to define the types of media that can be played
within the browser.
<p>
<strong>Usage:</strong>
<pre><code>
  var playTypes = new minplayer.compatibility();

  if (playTypes.videoOGG) {
    console.log("This browser can play OGG video");
  }

  if (playTypes.videoH264) {
    console.log("This browser can play H264 video");
  }

  if (playTypes.videoWEBM) {
    console.log("This browser can play WebM video");
  }

  if (playTypes.audioOGG) {
    console.log("This browser can play OGG audio");
  }

  if (playTypes.audioMP3) {
    console.log("This browser can play MP3 audio");
  }

  if (playTypes.audioMP4) {
    console.log("This browser can play MP4 audio");
  }
</code></pre>
				
				
					<br /><i>Defined in: </i> <a href="../symbols/src/src_minplayer.compatibility.js.html">minplayer.compatibility.js</a>.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class minplayer.compatibility.">
				<caption>Class Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#constructor">minplayer.compatibility</a></b>()
							</div>
							<div class="description"></div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class minplayer.compatibility.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#audioMP3">audioMP3</a></b>
								</div>
								<div class="description">Can play audio MP3</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#audioMP4">audioMP4</a></b>
								</div>
								<div class="description">Can play audio MP4</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#audioOGG">audioOGG</a></b>
								</div>
								<div class="description">Can play audio OGG</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#videoH264">videoH264</a></b>
								</div>
								<div class="description">Can play H264 video</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#videoOGG">videoOGG</a></b>
								</div>
								<div class="description">Can play OGG video</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/minplayer.compatibility.html#videoWEBM">videoWEBM</a></b>
								</div>
								<div class="description">Can play WEBM video</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== methods summary ======================== -->
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Class Detail
				</div>
				
				<div class="fixedFont">
						<b>minplayer.compatibility</b>()
				</div>
				
				<div class="description">
					
					
				</div>
				
				
				
				
					
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name="audioMP3"> </a>
					<div class="fixedFont">
					
					
					<b>audioMP3</b>
					
					</div>
					<div class="description">
						Can play audio MP3
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="audioMP4"> </a>
					<div class="fixedFont">
					
					
					<b>audioMP4</b>
					
					</div>
					<div class="description">
						Can play audio MP4
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="audioOGG"> </a>
					<div class="fixedFont">
					
					
					<b>audioOGG</b>
					
					</div>
					<div class="description">
						Can play audio OGG
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="videoH264"> </a>
					<div class="fixedFont">
					
					
					<b>videoH264</b>
					
					</div>
					<div class="description">
						Can play H264 video
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="videoOGG"> </a>
					<div class="fixedFont">
					
					
					<b>videoOGG</b>
					
					</div>
					<div class="description">
						Can play OGG video
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="videoWEBM"> </a>
					<div class="fixedFont">
					
					
					<b>videoWEBM</b>
					
					</div>
					<div class="description">
						Can play WEBM video
						
						
					</div>
					
					

						
						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Thu Oct 04 2012 19:54:20 GMT-0700 (PDT)
		</div>
	</body>
</html>