Google Chrome / Safari Positioning Issue With YouTube Video Bar
Apr 13, 2010
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 :
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'm creating a custom text box.that's an easy thing to do for me but I encounter some problems on the javascript part.in the onfocus event of the textbox I try to get the caret position on the start.it works perfect on FF, IE and opera but I just can't get it to work in safari and google chrome. I found out both browsers use webkit but have no idea how you do it for the 2 browsers.I'm using asp.net ajax components for javascript and this works for the 3 browsers get_inputElement() = my textbox
Firefox works a dream, but in IE, Google Chrome, Safari and Avant javascript does not run at all. Looking at the code it may be the body 'onload' that is not firing?the javascript
/*Script by FPMC at http://jsarchive.8m.comSubmitted to JavaScript Kit (http://javascriptkit.com)For this and 400+ free scripts, visit http://javascriptkit.com*/ src = ['../images/Intro_01.png', '../images/Intro_02.png', '../images/Intro_03.png', '../images/Intro_04.png', '../images/Intro_05.png', '../images/Intro_06.png'];//set image paths
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.
i have an iframe inside a page(main). In that iframe, i am calling a java script function that is in the main page.This function call is working in Mozilla , IE but not in Safari and google chrome?? Is there any specific reason for that? when i add the function in the iframe it works.
I'm not using any framework so I'm not looking for any jquery shorthand. I just need to change the youtube video with a click.
Code: <script type="text/javascript"> function changeVideo(vidSrc){ var link = vidSrc.href + "?version=3&hl=en_US&rel=0"; var movie = document.getElementById('embeddedMovie'); movie.setAttribute("src", link); alert('SRC: ' + document.getElementById('embeddedMovie').src); return false; }
The alert shows that the source is changing however the page just goes blank and the src is not updated in the markup. I also tried updating the parameter along with the movie but still no luck. Does the same on all browsers. If I use the same technique for images it works so I don't believe it to be any DOM loading issue.
I have a YouTube channel with many videos. The links to these Flash videos are talking to a page within my web site. On the web site, the video pops up in a tiny window on entry of the page, and it closes when you click the close button or it will fade away after it has played its way through.
So the scenario is this: The site looks great, but it doesn't on an iPad. Because I am linking to a Flash YouTube URL, it doesn't load on the non-Flash iPad device. I have done a lot of online reading for a week and discussed on many forums. However, everywhere I turn, I read articles about how what I'm trying to do is not possible--that no YouTube URL will ever play on the iPad. Is this true? If so, why can they play on the iPad YouTube app? What is the difference between the app and my web page?
I found many articles and videos referencing this fallback: [URL]
However, my problem with this fallback is that my videos are on YouTube. I am using a URL to talk to it, more specifically an ID. The client has done this purposely to save bandwidth on their server. I have the start of the Javascript looking like this:
function loadPlayer() { var params = { allowScriptAccess: "always" }; var atts = { id: "myytplayer" };
[Code].....
Within the loadPlayer function, can I add fallbacks in here (after line 4)? If so, how do I go about writing one? I suppose I'm just lost on how to get the HTML5 video option to work with my project. I have heard YouTube is using HTML5 video in beta, and it may be running in a few months. Would this auto-correct my problem do you think?
Is there a way to find the native file in the YouTube channel and bypass the .swf reference?
I am embedding several youtube videos on a page, by default, youtube videos do not autoplay.
To get them to autoplay, one simply appends &autoplay=1 to the youtube url.
E.g. http://www.youtube.com/v/6YR0LGK_HHA&autoplay=1 (will autoplay)
As opposed to: http://www.youtube.com/v/6YR0LGK_HHA (will not autoplay)
Does anyone know of a cool trick for being able to do this when the client clicks on a JS link labelled Play Video (without refreshing the page)? Code:
Its a long shot posting here but the task I'm using a jQuery Carousel that has a youTube video embedded on one of the slides:
[URL]
I have is does any one know a way that when the user clicks a new slide the youTube video pauses, turns off, or at the very least the volume of the video is set equal to zero.
I'm trying to find out the height of an embedded youtube-video (what I wan't to do is hide all embeds when I open a facebox and replace them with a placeholder of equal size). I (basically) tried this:
It always alerts 18, at least for the yourubevideos I embedded.
Looks at each paragraph and converts youtube and yahoo video links to embedded players.Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
I'm trying to create a Youtube video inserter script for my site. Long story short, I need to be able to prototype an HTML element and add a string into the element's innerHTML, like this:
Take a look at this: [url] As you can see each img thumbnail has a title underneath. But I want the title to attach on the big player. It doesn't matter where exactly as long as I can access it with css.
(I have an additional question...When I put this code online the justin bieber video doesn't play. A message from Youtube is presented telling me that this is Vevo material and it can only be viewed on youtube. But as you can see it plays on jsfiddle.net.
I want to put youtube video bar in my website... and i already found the way to do it. Using google ajax search api. Google already provide the wizard to generate the code. [URL] The problem is, by default it shows only 4 videos for horizontal view. I am really having trouble to increase the video number.
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've got this code that needs to load a .wmv file - the client is adamant about using .wmv files and not Flash files - and the client insists that it use variables for the width and height parameters.I've now got the code working correctly in IE (it's always worked in Firefox) but I've just noticed that it's not working in Safari. I'm sure it's got something to do with the <object> but am not sure how to fix it.I've tried including the safari object code for wmv files and then using an if/else statement to only load the object code for safari but my javascript skills aren't that great.As it stands right now, both Firefox and IE try to load the quicktime object after they load the wmv movie object.
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.
im working with execCommand and trying to make a function to insert a youtube video into a content editable div with execcommand inserthtml. Now this works with every other browser except, OMG IE. now i am trying to use pasteHTML(), found that some people have gotten it to work, for its part but for some reason it is not working
