html5-video

I looked everywhere here and on google - there is no valid command that works for IE9. some how IE9 is missing something. All that I tried worked everywhere else: chrome,safari,mobile device etc... I want one command that will convert it and I can use it in every device suppose to support mp4 in HTML5 video tag. I use this commands: ffmpeg -i movie.mov -vcodec copy -acodec copy out.mp4 ffmpeg -i movie.mov -vcodec libx264 -vprofile high -preset slow -b:v 500k -maxrate 500k -bufsize 1000k -vf scale=-1:480 -threads 0 -acodec libvo_aacenc -b:a 128k -pix_fmt yuv420p outa.mp4 ffmpeg -i movie.mov -b

Good Evening StackOverflowers! I seem to have a problem with getting the HTML5 video tag to work in IE, or Safari (Firefox seems to load, but it wants to download the entire file before playing). It works in Chrome without issue. In IE, I get the error: "Error: Unsupported video type or invalid file path". I have done research, and it seems many find a solution by adding MIME types to their .htaccess file. I have done this to no avail. The next problem was that I needed to put the .mp4 first in the video listing, done - but no solution. My .htaccess file looks like this: (WordPress Install) #

I am working on a functionality explained below- Once a video is loaded/with a button click, it has to play in reverse. The target devices are smart phones and tablet devices. I am trying to do this using HTML5 tag and read about the playBackRate attribute. Further down, I am using the HTML5 stuff to generate my mobile apps using Phonegap. Here's a link I found interesting but partially working - http://www.w3.org/2010/05/video/mediaevents.html The playbackrate , when changed doesn't do anything except it pushes the video back, by whatever number is given there. I read it here that when

I'm integrating a *.webm Video with alpha transparency. At the moment, the transparency is only supported in Chrome and Opera. (Demo: http://simpl.info/videoalpha/ ) Firefox for example plays the video as it supports the WebM format, but instead of the transparency, there's a black background. My plan is to display the video poster image instead of the video, if the browser does not support alpha transparency. So the video should only play, if the browser supports WebM alpha transparency. I know how to detect the browser or the rendering engine and therefore play the video (see code below) -

I have a webpage with a tag on it with the following markup: <video width="456" height="360" controls autoplay> <source src="Movies/Intro.mp4" type="video/mp4" /> <source src="Movies/Intro_H264.webm" type='video/webm; codecs="vp8.0, vorbis"'/> <source src="Movies/Intro_H264.ogg" type='video/ogg; codecs="theora, vorbis"'/> </video> If I visit this page in IE10 it renders the video player but with an error message that reads: "Error: unsupported video type of invalid file path" But what's odd is if I right-click on the video box and choose, Copy video URL, and then open a new tab in IE and paste

I have found several sites on Google about this problem and also found a few questions on here, which were apparently answered, but as I've been working on this for the last one or two weeks and just can't seem to get it to work at all, I wanted to revisit this. I'm working on a demo that uses several video tags (vd1-3) which are then used in several canvas tags (cv1-3). <video id="vd1" width="480" preload> <source src="jerryclips/Bild01.webm" type="video/webm" id="vd1webm"> <source src="jerryclips/Bild01.mp4" type="video/mp4" id="vd1mp4"> </video> <canvas id="cv1" width="160" height="270"><

I'm building a javascript-powered gallery on the iPad that can display both images and video. To browse the gallery, you can swipe left or right (similar to the iPad's Photo application). However, none of my touch events work when swiping over a <video> element. It seems to take over my touch events, even on elements that may have a higher z-index. I have tried adding a touchmove handler that calls e.preventDefault(), but that doesn't seem to work either. Has anyone else run into this problem and found a solution for it? Your touch events are being absorbed by the default controls of the

I'm using jQuery tools for an overlay. Inside the overlay I have an HTML5 video. However, when I close the overlay, the video keeps playing. Any idea how I might get the video to stop when I close the overlay? Here's the code I have: $("img[rel]").overlay({ onClose: function() { <stop the video somehow> }, mask: { color: '#000', opacity: 0.7 }}); I tried using $('video').pause(); But this paused the overlay as well. Myra The problem may be with jquery selector you've chosen $("video") is not a selector The right selector may be putting an id element for video tag i.e. Let's say your video