html5-video | 易学教程

stop other video that is playing in background on play the new one

阅读更多关于 stop other video that is playing in background on play the new one

I am using Videogular to show video. could you please help me how to stop/pause other video when user click on play button to new one. So by this at a time user can play only one video at a time. The system should automatically stop other video that is playing in background and play the new one Thanks You can get all the APIs separately for each player and listen for a change in the state: <videogular ng-repeat="config in ctrl.videoConfigs" vg-player-ready="ctrl.onPlayerReady($API, $index)" vg-update-state="ctrl.onUpdateState($state, $index)">  </videogular> In you

Is there a way to “seek” to a certain time in a video using JavaScript?

阅读更多关于 Is there a way to “seek” to a certain time in a video using JavaScript?

问题 I have an iframe with a video, for example: <iframe src="http://player.vimeo.com/video/18150336" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> The source won't always be vimeo, it can be YouTube, BrightCove, Hulu etc etc. Is there a way to use jQuery/JavaScript to "seek" to a certain time in the video? For example, if I wanted to get to 3:41 inside of a video could I write code to automatically seek to that time w/o API access to

Web App - iPad webkitEnterFullscreen - Programatically going full-screen video

阅读更多关于 Web App - iPad webkitEnterFullscreen - Programatically going full-screen video

问题 http://sandbox.solutionsbydesign.com/i-screenplay/h5/ Above is an example I downloaded from Apple where you can use controls for play and fullscreen mode. In Safara/iPad it works great. However what I want to do is have people click on a link and it loads a video and then goes into fullscreen mode. So for example on the link above if after the loading dots finish it went into fullscreen that would be perfect. http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference

Can I get the number of the current frame in an HTML5 video?

阅读更多关于 Can I get the number of the current frame in an HTML5 video?

问题 I am currently trying to customize an HTML5 video player so that I can add a button that returns the current frame number. Lets say I have a 30fps video that lasts 90 seconds. When I click on that button I want it to print me the number of the current frame. Is that possible? 回答1: I don't think there is a set standard framerate across browsers or any way of accessing the current frame out of the box with html5 video. What you could do though is use the television standard framerate of 29.97

Chrome HTML5 Video Flipping Portrait Sideways

阅读更多关于 Chrome HTML5 Video Flipping Portrait Sideways

问题 I'm building a site to display video recorded from an iPhone. The video comes in portrait orientation, at 288x352. Safari displays this video just fine, but in Chrome, the video is flipped into landscape mode, 352x288. My head is sideways. :-( Here's the page in question: http://aaron.tiberiuslog.com/B4F4CC56-172E-4D84-9656-BE04E6E475A0 And here's the video itself if that helps. http://tiberiuslog.s3.amazonaws.com/output_D7DB78A9-8019-4D09-9B22-EB8738F844BB-2380-000001530B13BE09.mov I've

Why does setting currentTime of HTML5 video element reset time in Chrome?

阅读更多关于 Why does setting currentTime of HTML5 video element reset time in Chrome?

问题 I want to set the time position of a video in HTML5. The time should be set like this: function settime(){ var video = document.getElementById("video1"); console.log(video.currentTime); //----->output for example 15.3 video.currentTime = 10.0; console.log(video.currentTime);//----->>output always 0 } And the video is embedded like this: <button onclick="settime();">Set Time</button> <div class="container"> <video id="video1" class="video-js vjs-default-skin" muted> <source src="video.m4v"

HTML 5 Video OnEnded Event not Firing

阅读更多关于 HTML 5 Video OnEnded Event not Firing

I'm trying to react to the HTML 5 onended event for the video tag without success. In the code snippet below I added the mouseleave event to be sure the jQuery code is correct and that event does activate the alert() box. The video plays just fine but I am not receiving the onended event (my alert() does not fire). Testing in Chrome, updated today to version 5.0.375.55. <html> <head> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script> $(document).ready(function(){ $("#myVideoTag").bind('mouseleave onended', function(){ alert("All done, function!"); }); }); </script> <

overlay over dynamically inserted video tag in ipad

阅读更多关于 overlay over dynamically inserted video tag in ipad

问题 I'm currently developing a video player with support for ipad. It's more of a jquery plugin. It works great on desktop and I even managed to add my custom controls on the ipad. So far so good. The problem is that I am creating and inserting dynamically the video element, fact that messes up the ipad a bit. I followed this approach because I found out (after a few long hours) that if you try to wrap ( $.wrap ) the video into a container, the video will crash. After inserting the video, it acts

Is it possible to play HTML5 video in reverse?

阅读更多关于 Is it possible to play HTML5 video in reverse?

Is HTML5 <video> tag be play video in reverse, or I have to download 2 videos ( forward and backword play ). Any solution that avoid user from downloading 2 videos? Without even going into HTML5 or Javascript, many video formats are streaming formats that are designed to be played forward. Playing it backwards would require decoding the whole stream, storing each raw frame on the disk to avoid clobbering memory, then rendering the frames backwards. At least one person actually tried that using mplayer , though, so it can be done, at least in principle. aMediaElement.playbackRate = -1; UAs may

Autoplay HTML5 audio/video in iOS5

阅读更多关于 Autoplay HTML5 audio/video in iOS5

问题 I have an HTML5 web-app that has sound effects. I'm trying to get these effects working in iOS5 and can't for the life of me. Wondering if anyone has any work-arounds to get JS control of an HTML5 audio/video control in iOS5. Or even a way to control multiple audio files with one click. As it stands right now, if I have 10 sound effects, I'd need 10 user clicks to get control of all of them, which is absurd ! 回答1: Absurb, but you have to see it from iPhone or any mobile phone's point of view.