Más contenido relacionado La actualidad más candente (8) Similar a (Responsive) Video (20) (Responsive) Video7. Media queries
<video controls>
<source src="small.mp4" type="video/mp4" media="all and (max-width:480px)">
<source src="small.webm" type="video/webm" media="all and (max-width:480px)">
<source src="big.mp4" type="video/mp4">
<source src="big.webm" type="video/webm">
</video>
Candidate for removal from the HTML5 specification
8. function supports_mp4() {
return !!document.createElement('video').canPlayType('video/mp4;
codecs="avc1.42E01E"').replace(/^no$/,'');
}
function supports_flash() {
var hasFlash = false;
try {
var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
if(fo) hasFlash = true;
}catch(e){
var fm = navigator.mimeTypes["application/x-shockwave-flash"];
if( fm && fm.enabledPlugin ) hasFlash = true;
}
return hasFlash;
}
9. MP4 moov atom
ffmpeg -i input.mp4 -c:v copy -c:a copy -movflags faststart output.mp4
http://ffmpeg.org/
http://www.adobe.com/devnet/video/articles/mp4_movie_atom.html
13. ORBX.js
• downloadable HD codec written in JS and WebGL
• 25% better compression than H.264
• adaptive bit-rate while streaming
http://brendaneich.com/2013/05/today-i-saw-the-future/