Closed (fixed)
Project:
Colorbox
Version:
7.x-1.x-dev
Component:
Code
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
27 Apr 2011 at 09:05 UTC
Updated:
24 Jun 2012 at 11:07 UTC
I've followed the install instructions, using the iframe script from youtube pulling the embed url out and placing it in the href.
<a href="http://www.youtube.com/embed/9WztACviAZI?rel=0?width=640&height=390&iframe=true" class="colorbox-load">Watch Video</a>
It will work in FF4 however in just about every other browser it will place the href into the url and load the video full screen.
The browsers I've tested this on are:
Safari/Chrome & IE8
I'm also using a child theme of zen framework. I'm hoping I just missed something.
The actual page is located at
http://stopbuggingme.com/products/stop-bugging-me-max/instructional-vide...
Comments
Comment #1
hutch commentedI pasted the above youtube link as-is into a page and it worked, opened in colorbox
But when I visit your stopbuggingme site it opens full. Using ff3.6 and tried in chrome as well.
You might want to check css classes 'video' and 'video-container', they might be interfering.
Comment #2
chrislabeard commentedIt doesn't seem that its the css classes, its almost like the video tries to load and it just gives up and follows the link.
I removed the video classes and even tried just the link by itself and same issue.
I even tried the default theme, still same result. Something is funky.
Comment #3
chrislabeard commentedSo figured out whats going on.
When your logged in it works fine, when your logged out it will do what its been doing. Any ideas?
Comment #4
Rob Sears-1 commentedI clicked that link and noticed everything seems to be working correctly. How did you end up resolving the issue?
Comment #5
valderama commentedhow it worked over here:
* add those classes to the link: class="colorbox-load cboxElement"
* add those link fragment to the href: ?rel=0&width=640&height=390&iframe=true
Comment #6
frjo commentedComment #7
jim22 commentedAdding
?rel=0&wmode=transparentto my YouTube video url worked for me.For example
http://www.youtube.com/embed/xxx?rel=0&wmode=transparentwhere xxx is your video url #.
Comment #8
bryancasler commentedCheckout my recent post regarding embedding youtube videos. Feedback welcome.
#1368274: Solved: How to embed Youtube videos
Comment #9
lsolesen commentedThere is an answer, so marking as fixed.