3 Easy Steps to Add Youtube Videos in DotNetNuke

Adding your YouTube videos in DotNetNuke 7 is easily accomplished with the DotNetNuke Media Module. The Media Module actually provides two methods to embed videos from YouTube. One method uses the published embed code which is Javascript based. The second method, and the one we will cover in this article, uses Embed along with the YouTube video URL.

To add YouTube videos to your DotNetNuke site with embed YouTube URL is an easy 3 step process. In general, you do the following:

  1. Find video and get the YouTube embed code
  2. Add a new HTML text control module or add an entry to an existing blog
  3. Paste the embed code into the html view of the editor

Now, we’ll step through these 3 steps in a little more detail. Search for and find a video that you want to include in your blog. Click on the embed code button as shown in the below screenshot. Select the appropriate sizes and color for your site, and then highlight and copy the text in the text area labeled 2.

Add Youtube Videos in DotNetNuke

You can now take this embed code and add it to either a new blog entry ro a new HTML/Text module you have dropped on a page. I chose to add it to a new blog entry on a site of mine that uses the SunBlogNuke blogging module, so that is what I will show you below. As you can see below, I have selected the HTML view of the editor. You want to be sure it is in this view or when you paste the embed code, it won’t work. Now paste the embed code into the editor. At this point, you can change back to design mode and edit the entry.

Now you can go in and add your tags, excerpt, and other blog settings. Leave me a comment if you have any questions on this.

Say Good Bye to ugly URL on DotNetNuke

This is a big step forward. Starting with DNN v.7.1, you can say goodbye to ugly URLs and .aspx extensions. Following a suggestion made by yours truly, DNN 7.1 has adopted a “Page URL” field in Page Settings, letting you specify the exact URL the page should use. If you want to experience this update, I recommend you to host with ASPHostPortal.com. They really expert in DotNetNuke field.

Back to the topic, this is essentially an URL rewrite for the page, that makes the page’s URL independent of the page’s name, meaning that you can change the name as many times as you like, without affecting any links that are present in text/html modules or elsewhere.

The only bad thing (or good, depending on your point of view) is that the URL is not automatically synthesized based on page hierarhcy, meaning that you have to specify the exact URL for each page, starting from the virtual root.

For example, in the default DNN installation you have the About Us page which has a URL of “/About-Us” while the sub-page Style Guide has a URL of “/About-Us/StyleGuide”. The whole URL for the Style Guide page has to be typed again, i.e. the “/About-Us” part is not inherited from the URL field of the parent page.

This makes things a bit more difficult since you have to remember the URLs of parent pages if you want to represent the hierarchy using friendly URLs, but on the other hand gives you a bit of freedom since you do not need to specify exact paths to get to a page – you can easily give the Style Guide page, for example, a URL of “/YourStyleGuide”, forgetting the “About-Us” part at all.

It would be nice to see an “inherit” option in future versions though.