html5-video

问题 I am trying to introduce a background video to a section of my site. This section has a defined height of 530px. However, the images seems too zoomed in. HTML: <section class="home-banner"> <video poster="" preload="auto" loop="loop" autoplay=""> <source type="video/webm" src="https://a0.muscache.com/airbnb/static/Seoul-P1-4.mp4"></source> <source type="video/mp4" src="https://a0.muscache.com/airbnb/static/Seoul-P1-4.webm"></source> </video> </section> CSS: html { min-height: 100%; position:

问题 I am trying to show the time on hover of seek bar of a html5 video. ( similar to how youtube does it). I have tried to use the timeupdate event on the video as below but looks like there is more to it. <script> function myFunction(event) { // The currentTime property document.getElementById("demo").innerHTML = event.currentTime; var video = event; video.addEventListener('progress', function() { var bufferedEnd = video.buffered.end(video.buffered.length - 1); var duration = video.duration

问题 I have a website which is able to play mp4 media (via the <video> tag and via DASH) in every browser except the Samsung Internet browser, which comes as default on Samsung Galaxy phones and probably a lot of other Samsung devices. On a desktop, iPad, or even an ancient HP TouchPad tablet, it works fine. Using other browsers on the same Samsung device (e.g. Chrome), the mp4 media plays fine, so it's not a limitation of Android or the device hardware. I can detect the Samsung browser with

问题 I have tried <video width="640" height="360" id="player1" > <source type="video/x-ms-wmv" src="video/640p.wmv" /> </video> <script> $('#player1').mediaelementplayer({ plugins: ['flash','silverlight'], pluginPath: 'video/build/', flashName: 'flashmediaelement.swf', silverlightName: 'silverlightmediaelement.xap' }); </script> but when this renders out I get a Download File link. How do I get the silverlight control to fire and play the file? 回答1: I found the answer it turns out the current

问题 I have an html5 video tag on a page, with a flash fallback for IE8. The video is hidden with display:none and attached to parent 'a' until a play button (image) is pressed. At that point the video element is moved to parent 'b' (a box within an overlay) and i call jQuery's show(). On Chrome, FF and Safari, the video shows. However, on IE9 and IE8, the video doesn't show, but is there. Meaning, I can right click where it should be and will get a video related context menu. If I click play at

问题 I have a video player on my site that once paused I would like to prevent rest of the video being downloaded. I am using MediaElement.js for html5 video with flash fallback. It is annoying that I am unable to stop the video from downloading as it is a waste of bandwidth and the "progress" event continues to fire and update the UI. 回答1: Unfortunately, there is no way to tell browsers to stop downloading a video file and then resume it later at the same point. It'd be nice it that were in the

问题 In either HTML5 or written natively in Objective-c, I need to generate a grid of video thumbnails that are automatically playing when the page or view loads on an iPad . I have been reading on multiple forums and StackOverflow. Some people indicate this is possible with AVController. Others including Apple state, "Note: Although you can create multiple MPMoviePlayerController objects and present their views in your interface, only one movie player at a time can play its movie." Reference:

问题 Boss handed me a bit of a challenge that is a bit out of my usual ballpark and I am having trouble identifying which technologies/projects I should use. (I don't mind, I asked for something 'new' :) Job: Build a .NET server-side process that can pick up a bitmap from a buffer 10 times per second and produce/serve a 10fps video stream for display in a modern HTML5 enabled browser. What Lego blocks should I be looking for here? Dave 回答1: You'll want to use FFmpeg. Here's the basic flow: Your

问题 I have created a video player from the Media Source Extension API . I have split the video and audio from the original.mp4 (1 minute duration) . I have split the video and audio into small 5 second files (12 files in total) . I'm getting each one of them and playing them together. But the video stops playing at around 45-47 seconds. I cannot understand to why the video is stopping/buffering. I cannot understand whether the problem is in the javascript code or the video files? I have uploaded

问题 I am using the following code and wanted some advice on this approach. We are optimizing our site for iPad, tablet, mac, iPhone and mobile such as Android. I decided that the best approach is to do HTML5 first, if HTML5 does not exist then fall back to Flash. However it won't work properly. For example, if all the HTML5 videos do not exist it shows the mime error and not fall back to Flash? <video width="294" height="530" loop="" preload="false" autoplay="" id="GCFlashAlt" controls="controls"