You are here:

Dreamweaver/Embedded Youtube Video from Links

Advertisement


Question
Hi Anjana,

I'm creating a website in Dreamweaver CS4 and I want to embed videos from Youtube to have them play on my website. I don't have a problem getting the embedded code from Youtube and pasting it into the DW code and having it play. But what I want to do is have links on the left hand side of the page and as I click on the link the selected video plays on the right. I might have 20 links on the left, but I don't want the links to point to another webpage. I want the links to have different videos playing on the same webpage. Like this webpage:
http://www.pbguitarstudio.com/GuitarBasics-A1.html

I hope this makes sense.

Kind Regards
Robbie

Answer
Hi Robbie,

Thank you for your question.

Well there are few approaches to achieve this. But I would like to highlight you two approaches.

Approach 1 :- Is to use IFRAME which I am not recommending at all due to various reasons. Such as if you use IFRAME the page will not fully fit for mobile rendering and you'll find difficulties in designing a nice looking responsive webpage. However this is the easiest approach.

Approach 2 :- Is the more efficient and methodical. In here what you do is, design the left menu. Then an area somewhere in the middle to embed the video. Using jQuery, depending on what you click from the left menu, you dynamically change the embedded url of the video which is in the center. You might need to drop the center block (hopefully a div) and recreate it with the new embedded url. So, this is the basic idea of the second approach. I hope the URL you gave me is also following kind of same approach. There's bit involved in here. You need to have a good understanding of jQuery, DOM and CSS (to style) to achieve this. But I can assist you if you need further clarifications.

Have a nice day!
Anjana  

Dreamweaver

All Answers


Answers by Expert:


Ask Experts

Volunteer


Anjana Silva

Expertise

I can contribute by knowledge for Dreameweaver CS1-CS6. Most of contributions based on HTML/xHTML/JavaScript/CSS/PHP. Also I know some quick ways to get rid of erroneous, time wasting situations. Also I'm well equipped with editing Templates using Dreamweaver.

Experience

I'm in the field of web development for more than 7 years. I use Dreamweaver for most of my web sites. Using Dreamweaver is a pleasure for me, because each second I spend on Dreamweaver, always resulted a productive output.

Organizations
1) e-Innoving IT Solutions - Owner/Developer
2) OpenArc Business Process Outsourcing - PHP Web Developer
3) Stan Bond (SA) PTY LTD - Web Application Developer


Publications

Few sites that I have done using Dreamweaver.

1) http://www.legendmaldives.com
2) http://e-innoving.com/index.php/portfolio
3) http://www.vacationmaldives.com
4) http://www.stanbondsa.com.au
5) http://www.adelaidequalityblinds.com.au/
6) http://www.sybilwettasinghe.com
7) http://www.novels.lk


Education/Credentials
1) Currently following MSc in Software Engineering in De Montfort University, Leicester
2) Bachelor in Information Technology (UCSC)
3) Sun Certified Java Professional (SCJP)
4) Diploma in Advanced Web Techniques using Dreamweaver.


Awards and Honors
2nd Class Upper Award for my Bachelors Degree with an average GPA of 3.48

©2016 About.com. All rights reserved.