I am attempting to retrieve the selected/clicked thumbnail img src tag from a standard google video bar using javascript/jquery and return it as a variable.
I am able to return an img src variable but it is always the first in the list. I have a feeling that it is a loop or array issue. Javascript/jquery skills are not my strong points at all and could use a hand.
The end goal is track which videos are watched by visitors so more relevent videos can be displayed. I need to return the img src because it contains the video id and is the most efficient means of tracking and determining if the video is indeed a youtube video and not a google video.
I have a working page, demo generated source and a video to better convey my issue. It is located here.
I am trying to get a remote google swf video to appear on my webpage. I already got youtube to work (which is easy since they provide the embed code), but I also need video.google to work.
I crafted a regular expression to extract the width, height, swf source, and the flash vars from the youtube embed code and the apply it to a new swf object.
Google does not provide their embed codes and their file source doesn't look as easy to comprehend than that of the simple V variable in the youtube URL or embed.
I took a look at the source of the google video and I can't seem to find any SWF embed or javascript objects. It might be in another external javascript file, but does anyone know how to get it?
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.
I'm having a strange issue with the positioning of a youtube videobar in the the right sidebar, but it only seems to be happening on Chrome and Safari. When one of the video thumbnails in the bar is clicked, it's supposed to open a player video beside it, but in Chrome and Safari the player video opens elsewhere on the page. It appears to work fine in Firefox and IE7 (only other browsers I've been able to test it in so far).
When I take the website's existing HTML and CSS out of the equation and just test the videobar by inserting it in a blank HTML page (an example) the player opens in the correct position, which is a dynamic position calculated within the javascript of Google's Search API. I haven't changed it from the defaults, just copied it locally to the site. The bulk of the changes to Google's defaults that I've made were by placing the #videoBar div that contains the videobar itself within a styled #vidBarholder div with a background image. Both of those divs are then placed within the sidebar left floated containing div.
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.
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 = {
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;'> -->
I'm looking to duplicate the video-embedding technique shown on revision5.com, whereby they show the flash video to all platforms where flash is available, and only show the HTML5 player on mobile devices. Is there a browser-sniffing framework, or some other method available to accomplish this?
I have created a transparent flash video (virtual spokesperson) for my website. For demoing purposes, I would like to have this appear on any desired website.
This is what I am trying to produce - here a virtual spokesperson appears on the [url]website: [url]
Have a look at other sites which enable one to type in a URL and their demo virtual spokesperson appears on the given site: [url] [url]
I believe they do this within an iframe to display the underlying website.
01) I would like to rollover (onmouseover?) a button that is a video and have the video (button) play. (A 5 sec video that stops at end)
02) On rolloff (onmouseoff?) the same button I would like it to rewind to the beginning for next rollover.
03) I would like to add more of these "Video Button Rollovers" to the same website page in the future. I would like to use DreamWeaver CS4, and stay away from flash for more accessibility and less memory intensive overhead. (obviously no control-bar for video)
I have all the parts to this to try a variety of solutions. The video is a box with untied string on a white background. When played a person fades-on and ties the string into a bow. (white background matches website background)
Parts:
01) video from untied box to tied box with person .mov 02) image of first frame of video .jpg 03) video from untied box to tied box with person to person fade-off and untied box .mov 04) video of tied box with person to person fade-off and untied box.mov
I'm not sure where I have translated this incorrectly. I have one google map embedded on my page which works fine. But I wanted to add a second one. I thought the easiest way to do this would be to have a second page which is called later on with all the details on it for the second map. However although I think (this I presume is where I went wrong) I have replicated the instructions correctly the place holder for the second map just remains blank.
This is the code for my called page with the instructions for the second map:
And this is the script of the main page, just in case I would be better off keeping them both in one place.
<head>
I've cut out the script that doesn't relate to this so I hope I haven't missed anything important.
I have a site that I am working on for my company. When the site first opens, a small video with our company mission and views opens and plays. Below that video is a graphic that, once clicked, opens the same video (a higher res file) in a larger window. The problem arrises in that both videos are now playing and so you hear the audio twice. Is there an onclick command I am unaware of that will stop the one video when that link is clicked? Here is the embed object code:
In this viewer, I need to have the focus go back to the main page after a selection is made. Otherwise, the user may scroll his mousewheel and change the selection. I forget just how.
<body> <select id="viewer" onchange="song()" size="1"> <option value="none">::::::::::::: Choose Your Video Here :::::::::::::</option> <option value="x/wmv">Video 1</option> <option value="y.wmv">Video 2</option> <option value="z.wmv">Video 3</option> </select> </body>
I have a list of products where they have minimum quantities in a hidden input. Some products have multiple colours, though the same minimum quantity and I'm trying to implement a jQuery check that entries made are at least equal to the minimum.
Blank or '0' entries are fine but if it's below the minimum quantity it should set to the minimum.
HTML:
Is there something obviously wrong with this? It isn't performing the minimum check and I'm really not sure why.
In part of my form, I have 3 inputs (one textarea and two text inputs),I am validating their value format using AJAX (each input triggers error message on its label in case format is wrong). Also I have one button, "NOT submit button" (type = button).Now, when clicking on the button it must enter the value of those three inputs in my database in case they are true then all inputs values must be cleared. In case AJAX validation is wrong and in case the user clicked on that button, the value of fields must kept as it is.
Actually I can not use submit button because I have it for the whole form and what I am taking about is a part of the form and it's not possible to make nested forms as I know it violates html rules. It's easy to make it if I am taking about submitting button as I can view session values on fields after submission in case ajax returns error.I can clear inputs from Javascript, but it will be cleared on both cases if AJAX validation true or wrong. Each input field has AJAX Error message that will be triggered when the input format is wrong.
I built my company's website and the content portion of the site uses text with styles with relative values and the navigational part of the site uses text with styles with absolute values. The purpose of this was so that the end user could increase the size of the text on the webpage and only the content portion of the page would scale or resize but the navigation would not. This works as expected on a pc but the entire page scales on a MAC. Does MAC not support text with styles the same as pc so that the only scalable text is that with relative values (ie: small, x-small, medium, large, etc)? Absolute values conist of point sized text. Code:
How to process textbox values/ call textbox values in JS through a Java program.My text box values are dates. I have to process these dates. Like in online banking we select day to know our transactions. After submitting we get results. remember my files are in my directory only. No need of database. My files are look like 20100929, 20100930, 20101001
For epoch_classes.js, epoch_styles.css u can download coding from this link : http:[url].....
In my coding, ys, ms, ds represents year starting, month starting, starting day...ye, me, de represents end...start,end gives file names in the format of yyyymmdd.now i want to process files from 20100101 to 20100930
means from date is 2010/01/01 and to date is 2010/09/30
if i press submit button the files from 20100101 to 20100930 are processes
here ys=2010 ms=01 ds =01 and ye=2010 me=09 de= 30
For this how do i call these textbox values (from date text box and todate) to another program (java)
I have a webpage in which a media player is embedded.I would like to close the page at the end of the video. Can I detect the end of the file so as to close the page programmatically?