html5-video

Can jPlayer's fullscreen be made to work while inside an IFRAME tag? As is, the "full screen" is restricted by the size of the iframe. EDIT: Here's how I insert jPlayer in an IFRAME : <div id="movieContainer" > <object id="videoTut" name="videoTut" type="text/html" data="/videotutorial/videotut.html"> </object> </div> Where videotut.html contains a full HTML page that contains jPlayer and works if loaded independently. And the object tag is modified using code like document.getElementById('movieContainer').innerHTML = '... . Also see: https://groups.google.com/forum/#!topic/jplayer/IQxIIYhtAnE

I've trying to find out how to determine which DRM system browser is using. And in fact, only chrome say it is use 'com.widevine.alpha' where IE & Safari (Win) throw error on 'requestMediaKeySystemAccess', and firefox do not even try to say it use 'com.adobe.acccess' =] function isKeySystemSupported(keySystem) { var dfd = Q.defer(); console.log('check: ', keySystem); navigator.requestMediaKeySystemAccess(keySystem, [{contentType: 'video/webm; codecs="vp9"'}]).then(function() { dfd.resolve(true); }, function() { dfd.resolve(false); } ); return dfd.promise; } is there any solution, like

I have a html5's video tag, it seems that there is a 5px space between video and its container div element. If I put font-size: 0 in the container element ( #video-container ), the space disappears. I know this is a problem of display: inline-block , but I have no elements with that. Also, trying the solutions of opening tags next the previous closing, didn't delete the space. http://jsfiddle.net/g9t71mg6/ html, body { margin: 0; padding: 0; width: 100%; height: 100%; } #wrapper { width: 100%; height: 100%; } #video-container { overflow: hidden; width: 100%; background: #2c5894; } #video

I am trying to add a new VideoJS object and set it up entirely from JS, without having a DOM video element. The result is that the video is loaded but there aren't any VideoJS controls. Here is the code: obj = document.createElement('video'); $(obj).attr('id', 'example_video_1'); $(obj).attr('class', 'video-js vjs-default-skin'); var source = document.createElement('source'); $(source).attr('src', path); $(source).attr('type', 'video/mp4'); $(obj).append(source); $("#content").append(obj); _V_("example_video_1", {}, function () { // } }); I will appreciate any help, thanks! Sphvn Okay took a

Greetings overflow, I'm trying to create buttons on a webpage that jump to tagged timestamps for an embedded video with video-js. Far as I can gather, I need to change the currentTime value in order to have the video move to the correct timestamp, however I can't get this to work even when setting currentTime in the initial javascript call. For example, if I wanted to start 200 seconds into the video: javascript: VideoJS.setupAllWhenReady(); VideoJS.DOMReady(function(){ var myPlayer = VideoJS.setup("current_video"); myPlayer.play(); myPlayer.currentTime(200); }); HTML Snip: <video id="current

I've got a Django app serving a webpage with an HTML5 element. There's a wierd "feature", turning the video element to be non-seekable: video.seekable returns a timeRanges object with length=0 , whereas it should be length=1 . This means I can't edit the video. JavaScript can't do anything either. The thing is, when I upload the problematic webpage, statically - no Django, just plain HTML/JS/CSS - to my website for testing, it works fine - length=1 . However, if I try to serve the same static page on my Django dev server still gives the same problem. I am using Django's static serving for dev