IFrame Issue in Chrome

IFrame Issue in Chrome

<iframe width="100%" src="http://www.youtube.com/embed/source"
frameborder="0" allowfullscreen></iframe>
I have the above code on one of my website pages. When working with google
chrome the page loads fine and the embedded video works fine. However I
receive
Blocked a frame with origin "http://www.youtube.com" from accessing a
frame with origin "http://mysite.com". Protocols, domains, and ports must
match.
I am not as savvy in Firefox so am unable to see if I am receiving this
error as well.
The main issue is that all of my navigation menus stop working on this
error. The dropdowns when hovering over the menu items in the nav bar
never appear. When loading any page without IFrames the issue is
irrelavent.
Is there a way to confront this error so it behaves on all browsers? I
have dug around the apache2 configuration as well as tried other things I
have found such as removing the http from the youtube link.