New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsMediaMediaProblems with Youtube video under DNN 6.01Problems with Youtube video under DNN 6.01
New Post
9/24/2011 11:14 AM
I am new to DNN 6 and the media module.

It is working fine for me with images, but when I try a Youtube video using the Youtube link it works very well, but I cannot change the options because the configuration popup comes up BEHIND the video, and therefore the controls such as Delete,  etc are inaccessible.

I can open the settings fine in Layout mode but  need to do it in Edit mode to change the media settings.

Can you suggest a workaround?  Do you think the problem is in the module or in the skin?

New Post
9/24/2011 4:35 PM
This is because of the markup that YouTube sends back to the module.  There are a couple of workarounds for this right now.  First, you can use "Layout Mode" in the Control Panel to get to the Manage Menu.  Second, the menu can appear above the video with a little bit of CSS being added to your site.  The exact CSS would require a bit of investigation though.

I will be adding this CSS fix as a fix to a future version of the module.  Not sure on a timeline for that fix to be included right now.  It won't be in the very next version, because it's already in the release tracker.

Here is the Issue for this fix:

Will Strohl

Upendo Ventures Upendo Ventures
DNN experts since 2003
Official provider of the Hotcakes Commerce Cloud and SLA support
New Post
9/25/2011 3:09 AM
Hey Will,

FWIW - spent a bit of time going round and round on this when 6.0 was released - the solution is not to add CSS code - as no amount ofCSS code  will have any effect due to the nature of how flash works.

The default flash player does not recognize the concept of z-index - and as such it always renders itself on the very top layer of the page.
To force the flash player to recognize and respect z-index layouts - you need tin add a wmode parameter to the <embed code for the flash swf.

When youtube serves up video using its iframe embed code - it is effectively rendering the flash <embed code on the fly - and it does not include the wmode setting in the flash player <embed definition code.

Without this wmode setting - no amount of stuffing around with css will force the youtube video to appear anywhere but on the top layer of the page.  The reason for this again -  is that by default flash video does not recognize z-index.

The correct fix in most cases is simply to add ?wmode=opaque to the end of the youtube url like this: 


--   the youtube code renderer will then automatically include wmode as part of the <embed/<object code it generates dynamically.

So for example - say you get the following embed code from youtube:

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>

what you need to do is update the code to look like this :

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>

After this the youtube video with function correctly inside the dnn framework or any other css driven markup - since it will then be rendered on the same z-index layer as the module that contains it.

New Post
9/25/2011 3:37 AM
Hi Weta

Thank you for your response.  From what you say, I could get round the problem by using an Iframe in an HTML module for now?  In the media module I currently do not use the youtube embed code, just the url link that youtube provides.

New Post
9/25/2011 4:06 AM
No you should not try doing this by creating your own iframe code - that gets messy and kinda pointless in the end.

Instead. If you go to the video on youtube and select the embed options it will give you a small HTML code block 
that is basically an <iframe with a youtube link in it.

You can cut and paste this code into a HTML module - BUT you will still need to make the change to the url part to include wmode=opaque.

In the latest versions of the dnn media module you can also just cut and paste this code block into the Embed control section.

But either way you still need to make the wmode-opaque change.


HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsMediaMediaProblems with Youtube video under DNN 6.01Problems with Youtube video under DNN 6.01

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out