html5-video

html5 video on Android 4: play fullscreen then redirect to another webpage - not working

邮差的信 提交于 2019-12-03 10:30:06
I'm designing an html5 page for Android 4 smartphones with a single 3gpp (or mp4) video that has to autoplay fullscreen when opened; when video ends should redirect to another url . Some googling told me that autoplay is no more allowed on Android 4, so I chose to display a poster image the user has to click to start the video. Then: fullscreen mode is invoked video should automatically start (was indeed started by user clicking on poster image) when video finish to play Android should exit fullscreen and finally redirect user to anothe page. 2 and 3 are not working: after invoking fullscreen

Videojs add only play control

只谈情不闲聊 提交于 2019-12-03 10:17:07
问题 I am using Video.js to play videos in my web page. I want to customize player controls to only play button. my code is <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/c/video.js"></script> <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="320" height="240" poster="thumb.png" data-setup="{}"> <source src="v1.mp4" type='video/mp4'> </video> Can any one guide me in player customization? 回答1: The easiest

Dynamically create a HTML5 video element without it being shown in the page

梦想的初衷 提交于 2019-12-03 10:13:12
Is it possible to dynamically create a HTML5 video element so that I can access the element by API's like document.getElementById or Name but it may not show up in the webpage. Something like div.hide() or something in that direction ? Mike-O You can try var video = document.createElement('video'); video.src = 'urlToVideo.ogg'; video.autoplay = true; you can also use the canPlayType method to check if the browser supports the video format you want to use before setting source if (video.canPlayType('video/ogg').length > 0) { /* set some video source */ } The method returns maybe or perhaps

Chrome hangs on loading page with many <video> tags

半腔热情 提交于 2019-12-03 09:55:20
I have a page with many <video> elements in it arranged one after the other. Lets says 100 for now. When I click on the web page, Chrome loads the first 25 and I can see the video images displayed Ok, but then it stops and the rest remain black. I also see the page is still loading, and I see chrome saying "In progress..." on the lower left side of the page. Using firefox, I can load the same page with no problem. Also using IE 11, I can load the same page with no problem and all videos show fine. In none of these cases I actually played the video yet. This is all just waiting for the page to

Getting “Not allowed to load local resource” error while trying to attach a MediaSource object as the source of a HTML5 video tag

岁酱吖の 提交于 2019-12-03 09:30:05
I am trying to get this example to work. It works fine when I click the link. But when I try to download the HTML file on my local machine and try the same, it is throwing this error. Not allowed to load local resource: blob:null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4 The line of code that seems to be causing the issue is this, video.src = window.URL.createObjectURL(mediaSource); What this line of code is doing is basically trying to set the source of the video tag media element to the MediaSource object. I have tried various permutations without much luck. I am using Chrome Version 28.0.1500.72

Executing function at end of html5 video

你说的曾经没有我的故事 提交于 2019-12-03 09:26:34
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. For your paste & copy pleasure the jQuery solution: <video width="320" height="240"> <source src="movie.mp4" type="video/mp4"> </video> <script src="//ajax

Cefsharp and video tag WebRTC

耗尽温柔 提交于 2019-12-03 09:13:00
I'm trying to write a wpf with webrtc support. The access to the camera works but the display of the from the page doesn't. Can anyone help? You can do something like this: var cefSettings = new CefSettings(); cefSettings.CefCommandLineArgs.Add("enable-media-stream", "enable-media-stream"); Cef.Initialize(cefSettings); This has the same effect as passing the command line argument I assume you want to display video from your camera via WebRTC so I think it requires a call to .getUserMedia() to get hold of your camera. For that to work you must use CefSharp based on Chromium 30 or later. So

VideoJs with live stream

陌路散爱 提交于 2019-12-03 09:05:57
I am trying to get videoJs to work with a live stream I have a this link which contains an rtmp live stream. http://www.iptv-player.com/index.php?fdb=1&title=%20+JIMTV%20%20&stream=rtmp%3A%2F%2Frtmp.jim.stream.vmmacdn.be%2Fvmma-jim-rtmplive-live%2Fjim and the player itself has a link which is: rtmp://rtmp.jim.stream.vmmacdn.be/vmma-jim-rtmplive-live/jim I am currently just trying to get the live stream to play on the videoJs player I have already got the local video to work just cant fathom out how to get the live stream to work. Here is my html for what i have so far <!DOCTYPE html> <html>

What support for live streaming does the HTML5 video element have?

╄→гoц情女王★ 提交于 2019-12-03 09:04:21
问题 Does the HTML5 video element support non-HTTP-based (HLS, SmoothStreaming, etc.) live-streaming protocols? Does it support RTP/RTSP streaming protocols? Does it support RT M P? Are there specific browsers that support or don't support it? 回答1: HTML5 tag has very limited support on video sources. The video sources supported are also limited to what browser your visitors use. Please see: http://www.w3schools.com/html/html5_video.asp for a table of supported formats depending on browser. To sum

Adding sources to HTML5 video in javascript?

£可爱£侵袭症+ 提交于 2019-12-03 08:50:49
问题 I am running the following code for html5 video. var media; function videotr(){ media = document.createElement('video'); media.preload = true; media.id = 'it'; document.getElementById('crop').appendChild(media) return media; } var div = document.getElementById('crop'); $(div).empty(); this.image = new videotr(); this.image.src = args.src; However, I would like to implement multiple sources for compatibility. How can add in multiple sources through java script? I want to do this the right way,