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.
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 stop the audio in a hidden div from playing once a user clicks on the next video clip. i know this is a known bug in IE but i can't figure out how to fix this (as i am a total noob). can someone tell me how i can do this? And yes, my client refuses to use firefox and only IE
I've a video list and when a user clicks on a video link it should play the video in one area of the page. but when you click on the second and third video links the audio from all videos play at the same time. i know this is a known bug in IE but for the life of me i can't fix it. it works fine for firefox but my client uses IE
How to stop the audio of the previous video when a new video link is clicked on?
I want to play an audio file embedded on my page by clicking on an audio image and the page change to a new page. Is there a cross-browser Javascript way to do this? Right now the code I have is ...
<html> <head> <title>Dictionary: homeostasis</title> <link href="liveink.css" type="text/css" rel="stylesheet"/> </head> <body> <div class="dictionary-area"> <span class="dictionary-word">homeostasis</span> (<span class="dictionary-pos">Noun</span>) <br/> <div class="dictionary-defn">The maintenance of a constant internal state in a changing environment that is maintained by continually making adjustments to the internal and external environment.</div> <a href="homeostasis.mp3" target="new"><img src="audio.gif" border="0"></a> <div class="dictionary-close-window"><a href="javascript:window.close()">Close Window</a></div> </div> </body> </html>
The inconvenience is right now a new window is spawned to play the audio., which contains the controller for playing the audio (complete with pause, stop, and play buttons). All my audio clips are less than 3 seconds in length.. How can I play the audio file without launching the controller? I don't care if there's no way to stop/pause the audio once it's started.
I am not sure whether this requires flash or not, therefore I'd like to ask if it is technically possible to create your own audio/video player with JavaScript/jQuery? If not, could I create something similar just not with full functionality? Like stop, next, previous, etc. buttons?
I worked on this website :[URL]and cannot find out why it does not work in IE while it works in other browsers. The small video does not play while the sound does. As far as I can see it works fine in FF and Chrome.
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.
My computer seems to have problems with its javascript when opening new windows from certain sites that are either audio or video files. I simply have not got a clue where to begin.
I'm using VS2008Pro with Master pages. On a child page, I have a modalPopupExtender that calls a panel with an embedded Google video. Everything works great - the popup appears with the video,background greyed.But, when I close the panel,the audio keeps playing in IE 7 & 8. Netscape is fine.I went and tried what Google recommended, but it still continues.
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 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]
Is there an extension or plugin that could take a url to some media -- video, audio, image -- and just load it / display it on the page? I came across jQuery Media [URL]... and it looks like a good start at what I'd need. Although it just focuses on video and audio, not general images.
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.
/* * resX(); * * Variable dependencies: * - width * - croppingLeft * - croppingRight * - height * - croppingTop * - croppingBottom * - aspectRatio * - outputFileSize * - videoLength * - audioBitrateModulus * - framesPerSecond * - resXModulus */ this.resX = function() { var x = this.Width - this.CroppingLeft - this.CroppingRight; var y = this.Height - this.CroppingTop - this.CroppingBottom; if (Math.round(this.Width / this.AspectRatio) > this.Height) x /= this.Width / Math.round(this.Height * this.AspectRatio) else y /= this.Height / Math.round(this.Width / this.AspectRatio); var optimum_res_x = Math.sqrt(1024 * this.videoBitrate() * (x / y) / (.2 * this.FramesPerSecond)); if (optimum_res_x < x) x = optimum_res_x; x = Math.round(x); x -= x % this.ResXModulus; return x; }
/* * resY(); * * Variable dependencies: * - width * - croppingLeft * - croppingRight * - height * - croppingTop * - croppingBottom * - aspectRatio * - outputFileSize * - videoLength * - audioBitrateModulus * - framesPerSecond * - resXModulus * - resYModulus */ this.resY = function() { var x = this.Width - this.CroppingLeft - this.CroppingRight; var y = this.Height - this.CroppingTop - this.CroppingBottom; if (Math.round(this.Width / this.AspectRatio) > this.Height) x /= this.Width / Math.round(this.Height * this.AspectRatio) else y /= this.Height / Math.round(this.Width / this.AspectRatio); y = Math.round(this.resX() / (x / y)); y -= y % this.ResYModulus; return y }
/* * kbps2MB( bitrate, seconds ); * * Convert kbps for a given number of seconds to file size in MB. */ this.kbps2MB = function(bitrate, seconds) { return bitrate * seconds / 8192; } }
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 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.
On my website I have a video player at the top and below that a list of videos. Users click on one of the videos and that video begins playing in the player at the top of the page. Is there any way that the link the user clicks to play the video can also jump to the video player at the top of the page? I've tried various hyperlinks but I can't get it to work. The videos play fine, but the users don't realize that they need to scroll back up to the top of the page to see the video.
[URL]
#### below is the video player #### <div id='videoPlayback' style='width: 425px; height:344px;'> <!-- <div style='width: 425px; margin-left: auto; margin-right: auto; margin-top: 10px;'> -->
