html5-video

I have an interesting project wherein I need to allow users to capture video of themselves with a webcam at a kiosk, after which I email them a link to their video. The trick is the resulting video needs to be a 'slow motion' version of the captured video. So for example, if someone creates a 2 minute movie, the resulting movie will be 4 minutes. I'd like to build this in Flex / AS3 if possible. I don't have issues capturing the video and storing it / generating and emailing a link, but slowing down the video is the real mind bender. I'm unsure how to approach 'batch post-processing' a set of

As per my knowledge I know that the embed tag is used to embed videos from sites like youtube, object tag is for flash videos and video tags come under HTML5 . But I am curious for in depth details of these tags and as a developer which one should be used where? embed is older and was for a long time nonstandard, but tends to have more universal support. It became part of the HTML standard with HTML5. It doesn't require a plugin to be specified for the embedded content; that's up to the browser to figure out. object was added by the standard (HTML 4, if I remember correctly) as an alternative

Safari does not seem to be able to cache mp4 files. I am using web inspector on Safari 8.0 desktop and iOS 7 and 8 iPad and mp4 files of any size (I tried as small as .75MB do not seem to ever make it into the http cache. Furthermore, which I select the mp4 resource in the web inspector I see a spinner that never completes and am unable to see the request and response headers. Can someone prove me wrong and show me an example of an mp4 caching in Safari? Here are the headers I see when using Chrome (which does cache the mp4): General . .Remote Address:23.61.194.193:80 . Request URL:redacted .

I have multiple HTML videos on my page, and want to apply this custom video player to them. The thing is, this only works for the first video, and not for the second, third and fourth. I have no idea where to start. I made a fiddle of the current state: JSFiddle My Javascript /* Get Our Elements */ const player = document.querySelector('.player'); const video = player.querySelector('.viewer'); const progress = player.querySelector('.progress'); const progressBar = player.querySelector('.progress__filled'); const toggle = player.querySelector('.toggle'); const skipButtons = player