html5-video

问题 You can set the playback rate for a HTML5 video element: var player = document.getElementById("video"); player.playbackRate = 100; The w3 spec does not define a limit. What is the maximum playback rate of the <video> element in Chrome and Firefox? If the playback rate is not browser dependent, then what determines it? Research: MDN HTML Media Element says that some browsers will stop playing audio outside of a playback range between 0.25x - 4x. It does not say whether the video element will

问题 I'm serving video from an MVC3 site, with the controller action that returns the video returning a FilePathResult, and when trying to play back in the browser, I'm seeing some frustrating issues, regardless of my using video.js or mediaelement.js. Chrome doesn't let you change the position using progressbar, nor does it allow you to replay the video once it has completed IE9 seems relatively fine Firefox doesn't show the elapsed/remaining time correctly However, if I just give a relative path

问题 <input type="file" capture="camera" accept="image/*"> allows a mobile browser to take a picture. On Android native browser and chrome, clicking the input button launches the camera instantly. On iOS Safari, the button launches an alert asking to "Take Photo" or choose from "Photo Library". How can I launch the native camera immediately? 回答1: It has to do with who is supporting WebRTC. Currently there is no Safari support, partial support from Chrome on Android, experimental support from

问题 Is there a way for us to disable the "play/pause/full screen on click" functionality for a HTML5 video through javascript and later put it back when we need it again? 回答1: I don't know if you can disable them but you can remove them using css. video::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-play-button, video::-webkit-media-controls-pausebutton { display: none; } http://jsfiddle.net/4ce23z2a/ I hope this helps. 回答2: I'm not sure why <video> doesn't honor event

问题 I have a html video, and I am wanting to run a function when a video ends. I have tried the following but I get nothing: $(document).ready(function(){ $('video').live('ended',function(){ alert('video ended'); }); }); Any ideas why this isn't triggering at the end of a video? Or have I not provided enough information to answer anything here? Note: I'm using live() function and not on() because of the need for jQuery 1.7 with this project. 回答1: For your paste & copy pleasure the jQuery solution

问题 I have a html video, and I am wanting to run a function when a video ends. I have tried the following but I get nothing: $(document).ready(function(){ $('video').live('ended',function(){ alert('video ended'); }); }); Any ideas why this isn't triggering at the end of a video? Or have I not provided enough information to answer anything here? Note: I'm using live() function and not on() because of the need for jQuery 1.7 with this project. 回答1: For your paste & copy pleasure the jQuery solution

问题 I am trying to serve HTML5 video in MP4 and WEBM fomats. I cannot get all browsers to work though: Browsers which support WEBM (Chrome desktop, Firefox desktop) play the videos fine. Browsers which use MP4 are not working (IE, Safari, Android). WEBM is being served as video/webm . MP4 is being served as video/mp4 . Minimal JSFiddle at: http://jsfiddle.net/#&togetherjs=5Ql5MmrV4j Browser errors: IE11: 11.0.9600.17126 / 11.0.9 KB2957689 Error: Unsupported video type of invalid file path Android

问题 My research has led me to learn that Apple's media element handler is a singleton, meaning I can't have a video playing while an audio is playing in the background. I'm tasked to build a slideshow presentation framework and the client wants a background audio track, timed audio voice-overs which match bullet points, and variable media which can either be an image or video - or a timed cycle of multiple media elements. Of course, none of the media works on iOS. Each media element cancels out

问题 I am trying to simply play an HTML5 video which will be compatible with all common browsers (including mobile devices). For now, I am testing with one custom video and a sample video. <video width="680" height="383" controls> <source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="immunize-video-1/immunize_web_h.264.ogv" type='video/ogg; codecs="theora, vorbis"'> [FLASH FALLBACK HERE] </video> <video width="680" height="383"

问题 I've tried every concoction you can find on the internet and here on SO with regard to encoding, htaccess, and video element markup but I cannot get these videos to play in IE9 while they work perfectly in Chrome. Does anyone know the magic fairy dust to get this to work? All that shows in IE is a black box with the red x in the center. Here is a link to the test page: (link removed) Note that I show two videos and two variations of the markup. One is a direct copy from Mark Pilgrim's book