Solved

Scrolling problem with YouTube video on Google Chrome

Posted on 2010-11-12
4
1,694 Views
Last Modified: 2012-05-10
Hello,
I've got a peculiar issue in Chrome. On this site:

http://patriciaselbert.com

some of the post have youtube videos embedded. As you scroll down the content is supposed to disappear under the header. On my client's computer everything does this except for the youtube vids. On my computer in Chrome, it behaves as it should.

Anyone else seeing this problem and if so what is causing it? I can't really remedy it if I'm unable to duplicate the problem on my machine.

We all have the current version of Chrome. I'm on a 17" macbook pro, Client is on an iMac and PC laptop. Both are having the scrolling problem.

 Client's computer On my computer
0
Comment
Question by:Alicia St Rose
  • 2
  • 2
4 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 34125383
It's happening in Google Chrome, Firefox 3.6, and IE7 for me. I'm surprised it's working as you expected in any browser.

The wmode parameter needs to be set: http://stackoverflow.com/questions/326196/ff3-windows-css-z-index-problem-with-youtube-player
0
 
LVL 7

Author Comment

by:Alicia St Rose
ID: 34129761
Thanks Kravimir,
I added the wmode="opacity" to all of the post with videos.
Since it was always showing up fine on my computer, I can't tell if it's worked.
What are you seeing now?

Thanks!
0
 
LVL 42

Expert Comment

by:David S.
ID: 34129771
It seems to be fixed now.
0
 
LVL 7

Author Comment

by:Alicia St Rose
ID: 34131443
Yay!
I think it was more than just the wmode problem, too. My client had embedded the video rather oddly and took out the object widths and heights and replaced them with inline CSS widths and heights to make them fit the page layout.

Thanks!
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
This Micro Tutorial will demonstrate using MozBar to view an article that was deleted from the Search Engine Watch site after being debunked by Google.

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question