html5-video

I know I can check through navigator.userAgent if the device is an iPhone, but there are other devices and some I'm not aware of which will play the video in it's own player. There can be made a list of all browsers/devices which don't play a video inline, but I wonder if there is another solution. Is it possible in JavaScript to detect if a browser, for example Safari on iPhone, plays a video in it's own player instead of inline? So it can be possible to show an alternative, like an image, instead of the video. avaunt I know this is an old question, but it's a big issue for me and there isn't

So I'm trying to add subtitles to a html5 video and found WebVTT. I've done some research on it and have even copied some example code to see if that'll work and yet I have no luck. The subtitles just simply don't show up on the video. Here's the HTML. <video id="video" class="video" controls> <source src="solar.mp4" type="video/mp4"> <source src="client2.ogv" type="video/ogv"> <source src="solar.webm" type="video/webm"> <source src="solar.flv" type="video/flv"> <track label="English Captions" kind="captions" srclang="en" src="english-subtitles.vtt"> </video> and the test VTT file. WEBVTT 1 00

I have created fixed length segments for a long MP4 video using Mp4Box. Mp4Box creates a meta info file mv_init.mp4 and segments like mv_1.m4s , mv_2.m4s , … I stream the video using HTML5 Media Source Extensions and the streaming is working properly. The problem is that I am unable to utilize time seeking feature of my HTML5 player . When a user uses the seekbar to seek to another time point, I need to fetch the correct segment file ( mv_{number}.m4s ) for that currentTime . For example: video duration: 2 hours segment size: 10 seconds user seeks to time: 25 minutes 25 minutes = 25 × 60

I have a server application which renders a 30 FPS video stream then encodes and muxes it in real-time into a WebM Byte Stream . On the client side, an HTML5 page opens a WebSocket to the server, which starts generating the stream when connection is accepted. After the header is delivered, each subsequent WebSocket frame consists of a single WebM SimpleBlock. A keyframe occurs every 15 frames and when this happens a new Cluster is started. The client also creates a MediaSource , and on receiving a frame from the WS, appends the content to its active buffer. The <video> starts playback

I am using JQuery Mobile version 1.1.1 I have a list of links when link to youTube videos. <ul> <li><a href="link to youtube video">See Video</a></li> </ul> My problem is that when it opens the video page I cannot get back to the page as there's no Back button and it's no longer inside a JQM page. How can I open it so that it either has a back button to return to the page of has a way of closing so I can return to the app without restarting it? I'd suggest using the IFRAME embed method from YouTube: It can be as easy as setting up an <iframe> like this: <iframe id="player" type="text/html"