html5-video

问题 So I searched quite some time for an answer to that now, but so far was not able to find any. This is my first time really looking into HTML5 video questions, so please forgive me if my question is totally stupid. I read quite a few things about this awesome video tag and how it works. However, I only find the info that the controls parameter enables the whole control bar or not, and then it seems to be up to the browser, which controls exactly are shown. To make even more clear what I am

问题 I have a basic html 5 video set up from which I load one of four videos. The problem I'm having is that when I load the next video it continues playing from the previous time position. Efforts to set the currentTime property seem to be either short lived or ignored entirely. I have added listeners to a collection of events and have something like this in each one; myPlayer.addEventListener("loadeddata", function() { console.log(" loadeddata: before = " + myPlayer.currentTime); myPlayer

问题 I have a fairly complex project in the works that requires a custom volume slider to control an HTML5 video element. I've boiled the volume control down to a very simple example and I see no reason why it should not be working. I would love any insight regarding the following code: jQuery: <script> $(function() { $('#volume').change(function () { newvolume = $('#volume').attr("value") / 100; $('#video').attr("volume", newvolume); console.log($('#video').attr("volume")); }); }); </script> HTML

问题 I am trying to stream hls on safari iOS with Aframe that has three.js under the hood. But the video shows a black screen with just the audio playing. The video src is of type .m3u8. I tried to read through a lot of related posts but none seem to have a proper solution. Is it some kind of a wishful thinking getting HLS & WebGL to play on iOS? If not, can some one please help me with a solution. A couple of discussions on the issues that are available on github: HLS m3u8 video streaming HLS on

问题 Wonder if anyone can help here. On my website, I have a video on the front page, which has been set up with the HTML 5 video tag. The video performs correctly with the standard range of browsers - BUT My iPad and iPhone show the video with a slash through the play button. O.K. - I thought, I must have messed up the encoding of the MP4 file, so I re-encoded it several times, but it still won't play. Then it started working on my iPhone - but I noticed my Wifi connection had dropped and it was

问题 HTML5 video open in the background does not stop. I am opening the webview in a fragment. I tried following code: public void onPause(){ mWebView.onPause(); try { Class.forName("android.webkit.WebView") .getMethod("onPause", (Class[]) null) .invoke(mWebView, (Object[]) null); } catch(ClassNotFoundException e) { e.printStackTrace(); } catch(NoSuchMethodException e) { e.printStackTrace(); } catch(InvocationTargetException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e

问题 I'd like to do this with javascript. I'm building a presentation using Hakim El Hattab's Reveal.js as a foundation. The way Reveal.js works is the current slide you are viewing has a class of .present, any previous slides have a class of .past, and any slides yet to come into view have a class of .future. I would like it to automatically pause any video that is inside a slide set to .past or .future. How should I go about this? Thanks in advance! ** * ** * ** * ** * UPDATE * ** * ** * ** * **

问题 I'm using the following script code to draw a video on canvas: $("#vPlayer").on('play', function (e) { var canvas = $('canvas')[0]; var ctx = canvas.getContext('2d'); var $this = this; canvas.width = 640; canvas.height = 480; (function loop() { if (!$this.paused && !$this.ended) { ctx.drawImage($this, 0, 0, 640, 480); setTimeout(loop, 1000 / 30); // drawing at 30fps } })(); }); The code works well, but in my case, I want to change the video source (src attribute) of the video tag every 2 mins

问题 I looked on this SO question but I am not sure if this is the answer to my question or not. I want to be able to stream videos on a mobile web page. I want this page to be compatable with as many phones as I can. Smart phones are the most important, and I need it to work for: Android HTC (Many use Android, same compatibility?) iPhones Blackberries (newer brands, 5.0 or higher if need be, but possible as low as 4.0) Windows Phones The rest can be added to my "it would be nice if it worked on..

问题 How can i prevent video.js to not use flash anymore ? I mean i only need it to run if the browser supports HTML5. The fact that i am using Drupal it should not be a problem with configuring the javascript library , right ? 回答1: Override the techOrder to include only HTML5. Add this to the data-setup attribute of the video tag: <video … data-setup='{"techOrder": ["html5"]}'> 来源： https://stackoverflow.com/questions/15508563/disable-flash-in-video-js