For ffmpeg: ffmpeg -i {input}.mov -vcodec h264 -acodec aac -strict -2 {output}.mp4 You may also add the -q:v/-q:a parameter to specify the quality of the video. You may also use HandBrake which is a simpler encoder than ffmpeg. For HandBrake: handbrakecli -i {input}.mov -e x264 -E facc -o {output}.mp4 EDIT: I found the solution! … Read more
You don’t really need jQuery for this as there is a Media API that provides you with all you need. var video = document.getElementById(‘myVideo’); video.src=”https://stackoverflow.com/questions/13864795/my_video_” + value + ‘.ogg’; video.load(); The Media API also contains a load() method which: “Causes the element to reset and start selecting and loading a new media resource from scratch.” … Read more
Do that: var myVideoPlayer = document.getElementById(‘video_player’); myVideoPlayer.addEventListener(‘loadedmetadata’, function() { console.log(myVideoPlayer.duration); }); Gets triggered when the browser received all the meta data from the video. [edit] Since then the better approach would be to listen to ‘durationchange’ instead of ‘loadedmetadata’ which can be unreliable, as such: myVideoPlayer.addEventListener(‘durationchange’, function() { console.log(‘Duration change’, myVideoPlayer.duration); });
Take a look at my jquery videoBG plugin http://syddev.com/jquery.videoBG/ Make any HTML5 video a site background… has an image fallback for browsers that don’t support html5 Really easy to use Let me know if you need any help.
You can use v.currentTime = seconds; to seek to a given position. Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
<video id=”myvideo”> <source src=”https://stackoverflow.com/questions/5399412/path/to/movie.mp4″ /> </video> <p onclick=”toggleControls();”>Toggle</p> <script> var video = document.getElementById(“myvideo”); function toggleControls() { if (video.hasAttribute(“controls”)) { video.removeAttribute(“controls”) } else { video.setAttribute(“controls”,”controls”) } } </script> See it working on jsFiddle: http://jsfiddle.net/dgLds/
Yes, this sort of thing is possible without Flash: http://hacks.mozilla.org/2009/06/tristan-washing-machine/ http://jakearchibald.com/scratch/alphavid/ However, only very modern browsers supports HTML5 videos, and this should be your consideration when deploying in HTML 5, and you should provide a fallback (probably Flash or just omit the transparency).
You can use below code: <video width=”400″ controls autoplay> <source src=”https://stackoverflow.com/questions/31380695/D:/mov1.mov” type=”video/mp4″> </video> this code will help you.
<!DOCTYPE html> <html> <body> <video width=”320″ height=”240″ controls=”controls” preload=”none”> <source src=”https://stackoverflow.com/questions/14300141/movie.mp4″ type=”video/mp4″ /> <source src=”movie.ogg” type=”video/ogg” /> Your browser does not support the video tag. </video> </body> </html> Use Preload”none” http://diveintohtml5.info/video.html
You need to add playsinline autoplay muted loop because Chrome does not allow a video to autostart if it is not muted. Also, right now I don’t know why it is not working in all Android devices. I’m trying to look if it’s version specific, if I find something I’ll let you know. Chrome issue: … Read more