html5-video

How can I fallback to a flash video player if the necessary file type is not present. For example this code: <video controls width="500"> <source src="<?= $mov ?>" type="video/mp4" /> <embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed> </video> Does not include an .ogv file, so in Firefox, an empty video player is displayed. How can I fall back to a Flash player even if the html5 video tag is supported in the browswer? You can use JavaScript to detect it: (function (video) {

I have a small home server that hosts several items, among them a few MP4 sample videos. I've been using a simple <video> tag to play the videos, and it worked well for for Firefox, Chrome and Internet Explorer. However, for some unknown reason my server started locking up a few months back, so I have decided to reinstall the OS. I have salvaged the previous installation from the hard drive and I have re-used (where possible) the configuration files for various components. Everything worked just fine, Except that now Firefox refuses to play the MP4 videos when using the <video> tag, showing

I am running a websocket server using autobahn|python. on the server side, I also have a gstreamer pipeline running which I am using to capture webm frames using "appsink". The gstreamer pipeline that is implemented is: gst-launch-1.0 v4l2src ! video/x-raw,width=640,height=480 ! videoconvert ! vp8enc ! webmmux ! appsink name="sink" Everytime, I receive a buffer in the appsink, I send it over a websocket as a binary "message" using sendMessage. def on_new_buffer(appsink): global once gstsample = appsink.emit('pull-sample') gstbuffer = gstsample.get_buffer() frame_data = gstbuffer.extract_dup(0

I have some videos and I need to be able to seek to various points in them without having downloaded the entire video prior to that point. So far I have it working great in Firefox and Chrome using the html5 video tag with NodeJS and the vid-streamer module. However, IE 11 insists on downloading the entire video, I can't get it to skip ahead until it has downloaded up to the point I want to play. Does IE support partial content, and is there some trick to triggering it? Or is it already asking for it with one of the other headers (GetContentFeatures.DLNA.ORG??) and my server doesn't understand

I'm trying to embed a YouTube player into my webpage as below. The problem I'm having is, the player initially loads and plays the first video fine, but when .loadVideoById is called the player looks to load the video (video title text changes) but then gets stuck on a black screen instead of playing. This is only happening on Android, with the HTML5 player (both Chrome and the default browser) since updating my phone to Android 4.3, having previously been fine on 4.2. It works fine through a desktop chrome with the useragent set to fake an Android. I've also tried on two other Android phones

I have an HTML5 video embedded on my webpage: <video id="myvideo"> <source src="videos/myvideo.mp4"> </video> And I have a bit of jQuery to pause the video when the user goes to a different browser window or tab. And also to play the video when the user returns: // pause when the user leaves this window/tab $(window).blur(function(){ $('#myvideo').get(0).pause(); }); // play when the user returns to this window/tab $(window).focus(function(){ $('#myvideo').get(0).play(); }); The problem with this is that will also pause the video if the user clicks on the location bar or focuses on a different

I want to get current subtitles' text during playing a video (and than implement own subtitles block (i.e. to hide original) and also use the information in a few different ways). Currently I use videojs for my player. Is there any way to get current caption's string from it? This code gets the current cue and put into the <span> element (function(){ var video = document.querySelector('video'); var span = document.querySelector('span'); if (!video.textTracks) return; var track = video.textTracks[0]; track.mode = 'hidden'; track.oncuechange = function(e) { var cue = this.activeCues[0]; if (cue)