html5-video

问题 I think I am very close to getting my Java server app to talk to a browser page via WebRTC, but I can't quite get it to work. I feel like I am missing something small, so I hope that someone here might have a suggestion. I took a close look at the WebRTC examples - the Java unit test ( org.webrtc.PeerConnectionTest ), and the example Android app ( trunk/talk/examples/android ). Based on what I learned, I put together a java app that uses WebSockets for signalling and attempts to send a video

问题 Is it possible to style text tracks (like subtitles and captions) in HTML5 video players? I already found a way to do so for Chrome: video::-webkit-media-text-track-container { // Style the container } video::-webkit-media-text-track-background { // Style the text background } video::-webkit-media-text-track-display { // Style the text itself } This seems to confuse Safari a bit. It works, but the rendering is quite buggy. But more important: How to achieve do this for Firefox and IE? 回答1:

问题 I have HLS m3u8 that plays well on IOS and Android with html5 <video> But does not play on desktop PC or desktop MAC (Chrome, Firefox) How to play m3u8 on desktop PCs ? Is there a streaming format of video that would play both on desktop and mobile ? 回答1: HLS will only work on desktop in Mac OS Safari 6+. Have a look here for reference. For HTML5 video on desktop you can think about using MPEG DASH. It has a JS lib that works both live and on demand with the following browsers: As of 8/30/13,

问题 I have the next html template: <div className="page"> <video id="video" autoPlay/> <canvas id="canvas"/> <div class="btn-wrapper"> <button onClick={this._takePhoto}>Snap Photo</button> </div> </div> Here is screenshot of my app. At the top you can see <video> and at the bottom <canvas/> (focus in devtools). Problem: to draw <video/> picture to <canvas/> I should use this strange coefficients: const canvas = document.getElementById('canvas'), context = canvas.getContext("2d"), video = document

问题 I would like to set up a javascript listener on an iframe youtube 360 video player that would capture the pan/tilt coordinates of the 360 panorama that is being rotated. Does anyone know if this is possible or some documentation for an api of the youtube 360 player? I have not been able to find any myself. 回答1: The ability to read the pan/tilt coordinates isn't currently supported. There is no mention of 360 degree video players in the documentation. I filed a enhancement request for this

问题 I would like to set up a javascript listener on an iframe youtube 360 video player that would capture the pan/tilt coordinates of the 360 panorama that is being rotated. Does anyone know if this is possible or some documentation for an api of the youtube 360 player? I have not been able to find any myself. 回答1: The ability to read the pan/tilt coordinates isn't currently supported. There is no mention of 360 degree video players in the documentation. I filed a enhancement request for this

问题 I'm trying to load and play a HTML5 video onClick event. But i'm not able to accomplish this :-/ Here's my HTML5: <div id="divVideo"> <video id="video" controls width="560"> <source id="mp4" type="video/mp4" /> </video> </div> <div onclick="loadVideo('Muse-Animals.mp4');">play</div> Here's my JS: function loadVideo(id) { var video = document.getElementById('video'); var mp4 = document.getElementById('mp4'); mp4.src = "vidz/" + id; video.load(); video.play(); } I checked the element and it

问题 I'm building a jQuery plugin for managing HTML5 videos. I'm trying to capture the canplay and canplaythrough events. In Chrome, the event is fired without problem. In Firefox, sometime it's triggered, sometime it's not. I'm simplifying my code a little here: $('#my_video').on('canplay canplaythrough', function(){ console.log('canplay event fired'); }); I also tried with the native javascript .addEventListener() and it's not working. Any idea why the event is not called on Firefox and how to

问题 I am trying to serve MP4 Video content from Azure Blob Storage. I can get the video to play in modern browsers by ensuring that the Blob's Content Type is set to video/mp4 ; however I am unable to seek backwards. Dropping the same video into an S3 bucket yields the desired result so I am ruling out problems with the content. Do I need to configure the Storage role in a specific way to serve video content? 回答1: it was not clear for me from @smarx's answer how to set that for my blob container

问题 I'm trying to get the video to exit fullscreen at the end of the video but it won't. I searched and found ways to do this but for the life of me I can't get it to work. I'm testing in the latest version of Chrome (15) and iOS 5 on the iPad2. Here's the code I'm using: <html> <head> <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> <script> $(document).ready(function(){ $("#myVideoTag").on('ended', function(){ webkitExitFullScreen(); }); }); </script> <meta http-equiv="Content