HTML5 video using only one video format -


adobe has said plans phase out flash player plug-in end of 2020. people said flash content should have been migrated other technologies html5. agree more or less, how ready html5 when in comes replacing flash entirely?

let's take everyday example - video playback on web.

on flash, can embed 1 player videos on website , change paths link different flv videos(or mp4's) different videos on site. long flash installed on client side, need not worry browser using.

however html5, cross-browser compatible, afaik, need have 3 video files (three different formats of same video - mp4, webm , ogg). 

<video id="video" controls preload="metadata" poster="img/poster.jpg">   <source src="video/v1.mp4" type="video/mp4">   <source src="video/v1.webm" type="video/webm">   <source src="video/v1.ogg" type="video/ogg">   <!-- flash fallback -->   <object type="application/x-shockwave-flash" data="flash-player.swf?videourl=video/v1.mp4" width="1024" height="576">      <param name="movie" value="flash-player.swf?videourl=video/v1.mp4" />      <param name="allowfullscreen" value="true" />      <param name="wmode" value="transparent" />      <param name="flashvars" value="controlbar=over&amp;image=img/poster.jpg&amp;file=flash-player.swf?videourl=video/v1.mp4" />      <img alt="my video" src="img/poster.jpg" width="1024" height="428" title="no video playback possible, please download video link below" />   </object>   <!-- offer download -->   <a href="video/v1.mp4">download mp4</a>

if have 80+ different videos on site, have host 240+ video files on server, quite troublesome prepare , manage files. hate transcode video different format every time before putting video content on server.

it mid-2017, , html5 video nothing new. wonder if there new cross-browser compatible method/hack embed video playback using 1 video format?

html5 ready video. advantages of using html5 on flash have playback on mobile must in 2017. solution issue best can use mp4 (encoded h264 , aac). video format supported on browsers (webm , ogg supported on browsers).


Comments

Post a Comment

Popular posts from this blog

node.js - Node js - Trying to send POST request, but it is not loading javascript content -

i have been trying send post request website, , has not been loading full site. i guessing problem node js not loading javascript content, executing it. can see javascript in response, though never loads content javascript files producing in html. what mean is, doesn't execute javascript. how make node js code overcome this, , wait the full website load? have tried native code, , "request' module, both producing same errors. if helps, don't need native javascript. modules fine. some code have tried (request module): var options = { method: 'post', uri: 'https://url', formdata: { 'email': 'email', 'prize': '0', 'transactional': 'on' }, headers: { /* 'content-type': 'application/x-www-form-urlencoded' */ // set automatically } }; rp(options) .then(function (body) { console.log(body) }) .catch(function (err) { console.log(err) }); when fetch content...
Read more

javascript - Replicate keyboard event with html button -

i have tried few ways make happen. have javascript pinball game uses keyboard keys controls. converting application touch screen display. workaround, hoping overlay buttons when clicked simulate keyboard strokes. have done research , sounds should work. using jquery v3.2.1 here things have tried far... html element: <input type="button" class="coil"></input> $('.coil').trigger({type: 'keydown', which: 40, keycode: 40}); with this, not errors, nothing happens. var coilkey = $('body').keydown(function(e) { switch (e.keycode) { case 40: break;} }) $('.coil').click(coilkey); this 1 returns error in console... ((jquery.event.special[handleobj.origtype] || (intermediate value)).handle || handleobj.handler).apply not function below javascript game engine handles key listeners... addkeylistener: function (keyandlistener) { this.keylisteners.push(keyandlistener); }, // gi...
Read more

javascript - Web audio api 5.1 surround example not working in firefox -

i've been playing lott lately web audio api on both firefox , chrome. few days ago started experiment surround set. when trying surround audio in web audio api came notice example works fine in chrome v59 not in firefox v54. // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); audioctx.destination.channelinterpretation = 'discrete'; audioctx.destination.channelcountmode = 'explicit'; audioctx.destination.channelcount = 6; var oscillators = []; var merger = audioctx.createchannelmerger(6); console.log(audioctx.destination, merger); //merger.channelinterpretation = 'discrete'; //merger.channelcountmode = 'explicit'; //merger.channelcount = 6; var addoscilator = function(channel, frequency) { var oscillator = audioctx.createoscillator(); oscillator.frequency.value = frequency; // value in hertz oscillator.connect(merger,0,channel); oscillator.start(); oscillators.push(o...
Read more