html5-video

HTML5 video seeking

有些话、适合烂在心里 提交于 2019-12-03 17:55:44
问题 How can I get my video player to skip/seek to a certain time. I have had a go at this and it works when the page first loads (In Chrome) but not in any other browser. I also have a flash fallback which could be a pain, but for now the priority is the HTML side of things The major issue is that it doesn't work outside Chrome! EDIT: This now works in IE9, Chrome and Firefox. However, not with the flash fallback! Below is my attempt so far. I'm using the following JS so far: <script language=

Fullscreen video background html5 [closed]

两盒软妹~` 提交于 2019-12-03 17:30:22
I've read through every post there is about html5 fullscreen video here at stackoverflow. And the best example that keeps on coming up is http://www.html5-fullscreen-video.com .. And it's a beautiful solution.. But it's missing the full description on how to implement it.. Look at the bottom of this page.. http://www.html5-fullscreen-video.com/html5_fullscreen/tutorial/fullscreen_solutions/18 Does anyone have the solution? Big thanks! 来源: https://stackoverflow.com/questions/7629246/fullscreen-video-background-html5

Playing MP4 files in Firefox using HTML5 video

末鹿安然 提交于 2019-12-03 16:16:21
问题 I have searched around quite a bit but have not solved my problem. I have a video tag running as follows: <video class="ne" src="{{ page | video_url }}" muted="true" volume="0" controls width="720" height="480" poster="{{ page | video_poster_image_url }}" type="video/mp4"> </video> I am using Jekyll for the URLs. They work fine. The site is live at switzerlandllc.com. Click any video in FF and it shows an image and an X. Chrome and other browsers work fine. If you grab the source of a video

html5 Video tags without calling the quicktime player

五迷三道 提交于 2019-12-03 16:03:18
I am a iOS developer. Recently I started learning the PhoneGap. Here is my question: I wanna do a video player apps using PhoneGap. Of course, by using the video tag, we can easily play a video with the quicktime player. But how can I disable this action (calling out the quicktime player), since I want to use a custom player instead. Thanks a lot. N0mi This might help knowing some limitation https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html Or similar discussion here on Video

VideoJS doesn´t play after pause RTMP live stream

拟墨画扇 提交于 2019-12-03 15:41:43
I´m using VideoJS for a live stream from Wowza server but when I pause the player and them I play again the player does not recover the stream. I need to reload the webpage to start the stream again. <video id="videoID" class="video-js vjs-default-skin vjs-big-play-centered" poster="/images/image.png" controls="controls" width="320" height="240" data-setup='{"techOrder": ["flash"]}'> <source src="rtmp://www.myhost.com:1935/live/live.stream" type="rtmp/mp4" /> </video> There are any method to do stop or VideoJS reload when the paused event appear? EDIT: I've encountered the solution using this

Streaming an mp4 through a php file progressively

老子叫甜甜 提交于 2019-12-03 14:35:33
I'm working on a more secure streaming method for our video player. Because each file requires special token authentication and also only allows each token to be loaded once, I'm running MP4 through a php container. This works perfectly inside a HTML5 video tag and prevents users from easily downloading the source. I'm adapting some code from here <?php include('...'); //include site functions /* Here I connect to the database, and retrieve the location of the video which is returned as $video = "http://domain.tld/folder/file.mp4" This has been removed for this SO example. */ $file = $video;

Prevent scrolling on HTML5 <video> element on iOS

折月煮酒 提交于 2019-12-03 14:23:13
I am trying to prevent the default scrolling within a web app which contains an HTML5 video element on Mobile Safari. Handling document.ontouchmove and calling e.preventDefault() has been the standard way that I've found to achieve this. This seems to work everywhere except when you touch on top of the video element, where you can start pulling the page all around as if it is going to scroll. This only seems to happen when the native video controls are forced on. If you don't include the controls attribute and load the video in a way that it can be played in-line (such as on the iPad or in a

jQuery, why the rewind playbackRate doesn't work?

纵然是瞬间 提交于 2019-12-03 14:13:11
I got the fast forward playbackRate work fine. Now I try with the rewind part with negative number but it doesn't work. The w3school say to use negative number to rewind it. http://www.w3schools.com/tags/av_prop_playbackrate.asp Anyone can tell me what I did wrong? Here my javascript worked code for fast forward, $("#speed").click(function() { // button function for 3x fast speed forward video.playbackRate = 3.0; }); Then here not success rewind code, $("#negative").click(function() { // button function for rewind video.playbackRate = -3.0; }); Sample Fiddle Doesn't look like there is complete

Pseudo Streaming an MP4 file

浪子不回头ぞ 提交于 2019-12-03 13:36:58
问题 I have a few questions regarding pseudo streaming an MP4 file. Is the entire file downloaded, eg. if I scrub 1 minute in to a 2 minute video, will only the second half be downloaded thus saving bandwidth? Is there anyway I can check this using Chrome dev tools? How would I go about creating a MP4 that's ready for pseudo streaming? I've read the meta data needs to be at the start of the file, how can I do this? Is there any recommended software? 回答1: 1) The entire file is not downloaded. 2)

Does Android 2.1's Browser Support HTML 5 and What Video Format Does It Play?

北城余情 提交于 2019-12-03 13:34:51
问题 The company I work for produces a lot of video and we want to target as many devices as possible, but the question came up of what does the Android do? I personally own an Android based phone running 2.1, but I can't seem to get the HTML 5 tag to work. Even when I can trigger the browser to playback the video it just throws a notification error that it can't. Are there guidelines to producing Android/HTML 5 compatible videos? Is it truly supported? 回答1: The android 2.1 browser currently does