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.
Constructor Attributes | Constructor Name and Description |
---|---|
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
|
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.htmlView 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"> </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"> </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"> </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"> </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"> </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"> </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"> </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>