JQuery :: Callback For JME Plugin Once Video Finished Playing
Jul 20, 2010
I'm using jme [URL] to play videos with the new html5 video tag and OGG codec. Works fine - but now I need to have some sort of callback once a video has finished playing. How can I determine when a video has finished playing to take some action? There's a method .isPlaying() which could be used for this but maybe there's a more elegant way.
We are having an issue with the video playing on our client's site. The video plays fully locally but not fully once set live on the any of the browsers, it plays just the first 15secs, then it stops.
Can anyone share some ideas as to how we can resolve this. The player is in Flash, and uses an eternal XML file for the video. We have checked and all connection are correct.
Header Code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> Body Code <script type="text/javascript"> var flashvars = {
User clicks on image map that displays DIV1 with player id="Player1". When user clicks on another part of the map, DIV2 appears with another video - but DIV1's player "Player1" keeps playing. How can I stop the event after going to another div? Lots of efforts "out there" but I've yet to find out just how to do it successfully.
I'm trying to write a site a hosts some of my own videos. I want to have a list of videos, each as a link, and when I click on one I want it to load on that same page by graying out everything else but the video. I'm using html 5 and css and I can get the video to come up, but the problem is that when I go to that page, all of the videos load. If I play a video from the pop up window and then close the window, the video will keep playing.
how can I code this wherein I upload a video and generate an embeddable video script code wherein the video plays for about 30 seconds or so and then it the video stream stops and present an input field wherein they have to enter their name, and email address and other pertinent info after which the video will again continue to play?
I managed to construct a script to play random sound files to make listening tests for students. The audio files were actually taken from video files and I would now like students to be able to see the video too. I have the code below which works fine for my (and the students') needs, except that only the audio is played and not the video (and the mov files definitely do contain video). Can anyone suggest how I might change the code so that the video is shown too, either on the same page, or in a pop-up window? I would have thought it would be a matter of changing the window.doSound lines, but if so I can't figure out how.
I seem to have coded myself into a corner, and I'm hoping you can help me out.On a product demo page, I have set up popup video modals based on hidden divs. Everything works great.exceptIn IE (all versions as far as I can tell)When the video window is closed (div hidden), the video keeps playing. This does not happen in any other browser. URL...[code]I have implemented it on a test video. It stops the video playing when the window is closed, but when the user clicks the video a second time, it won't play at all.The only alternative I can see, is to make a "new window" pop up for each video (which is not what the designers wanted)[code]
I am a total jQuery newbie and am looking to find a slideshow slider plugin that will support 3 photo slides and 1 video slide. Can anyone tell me if anything like this exists and, if so, which one would work for me? I like Coin Slider because I can link the images but it doesn't mention if it supports video as well (which I don't need to link).
I am using a json from a Google spreadsheet and a jquery plugin which is called throught this HTML line <ul id="example">.The thing is that when I dynamically append elements to the <ul id="example"> from within the JSON callback function, these are not recognized by the jquery plugin
Code:
<form> <ul id="example">BLA BLA BLA</ul> </form>
[code]....
If I insert an <ul id="example"> plus some <li> in the HTML code the plugin works perfect If I insert dynamically some <li> to the <ul id="example"> throught a javascrypt function before executing the callback (...json-in-script&callback=...) also work perfect.But when I insert dynamically the <li> elements within the callback function (in my case: cm_loadMapJSON) does not work well.
I'm a relative newcomer to jQuery (and for that matter an inexperienced web builder) but I've really enjoyed using the jQuery UI and plugins as I work to redo my site. My problem is this. My site includes many video progressive download files. I have tried to combine either jQuery UI (Accordian) or a plugin (nivoSlider) (not both at the same time) with a video embed using SWFObject. For some reason the combination cause my video playback to stutter.
Here are two test pages. They access they same mp4 files but in Test_1 I have disabled the nivoSlider js. The videos playback smoothly in Test_1 but in Test_2 the playback stutters. [URL]
Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's something about the MIME but I have no idea what to do about that.
I am trying to use the jquery validation plugin with a modal form. When I click the 'Make a booking' button shown below there is no response. I guess there's something about the dom I am missing, which tends to be the case quite often.
I'm using thisjQuery validationEnginebut I'm having a problem validating input fields which are transformed usingJonathan Leighton's datepicker. I need to validate that two dates are the same, so i have a custom callback (validateDOB) to check this. When I run this callback in the firebug console it correctly tests the values against each other, but the callback isn't triggered with the validation engine. I am not sure if i am missing something obvious here. This is the order I load my js files, then my instantiation calls and the callback (see below).
However, once the callback is included I get an error I've been trying to track down for the past day and a half. In IE the error thrown is "Object doesn't support this property or method" on Line 100 character 4. In my JS debugger the plugin breaks on line 99
I have a video gallery with a bigger div with width 500 pixels where the main video is waiting to be played and below is a smaller div with all the others videos from the gallery having width of 80 pixels.The list of video are managed by a content management system in PHP and are the result of youtube "Share Embed action" where the result is an iframe with the link for the video.How can i clicking on a video from the smaller div see the video being displayed in the bigger div ? already playing? or in a new layer above the website ?For now the video plays in the div it is located at.As an example here is the source video format :
I'm having troubles with an existing J2EE application (which uses Dojo) and in which I'm gradually introducing jQuery. The specific issue is with the malsup Form plugin and the JSON returned from a form submission: the error callback is always called, regardless of what happens on the server side, and the error is always "parsererror". I'm using jQuery 1.4.2 and the 2.45 version of the malsup Form plugin. For example, given the following code:
$(document).ready(function() { var options = { dataType: 'json',[code]....
the server receives the submission and handles it without errors, then in the browser I always get the same alert from the processAddressEditSubmitError() function, with an "Invalid JSON" message:
I use the getJSON request to fill a select (with cities names) after the user have choosen his region.
I paste some code:
The problem is that callback is never called. I used firebug and i have seen that when i change region the getJSON function is called and my script (python) return this JSON:
Why my callback is not called? I can't even get the alert ('callback time!'). I thinked that my json could be broken, but firebug net console read and parse it very well, so i think is valid JSON.
I also tried to split up the function declaration from the getJSON request, but it's no use.
I am currently writing a CMS and I need a few minor variable values from the YouTube Api. I wish to embed a YouTube video into a page and then extract key information about that video such as:
1. The Title 2. The duration 3. The number of hits
I'm trying to create a video box on a website that plays a youtube video and then automatically plays random recommended videos with no break in playback. An endless playlist created by youtube based on the initial video. Youtube uses Javascript API. I have never used Javascript before but i'm just trying to get the video to play as above. There are few tutorials online and I couldn't find anyone trying to do a similar thing.
so that when you click on the thumbnails it also displays the video description underneath the video, a count, i.e. 1 of 3 etc. and previous and next buttons. Should I be using another plugin or is there a way with this one?
I am new to javascript (I started learning it today) so please explain it for newbies.I am trying to get the amount of video (in seconds) buffered already by the client and the whole duration of the video.Then, I divide them to get the precentage which was buffered so far.I have no problem storing the durating using:var duration = document.getElementById('vid').duration- returns "12.6" (seconds).I am struggling with getting the buffered time. I tried: var buffered = document.getElementById('vid').buffered.This one returns "[object TimeRanges]".From what I understood this is some kind of an object (Like an array?).I tried returning "buffered.length" and I get "1" back.