I am trying to embed a Canon in D youtube music video into my html code, but it showed me an operation cancelled. Provided the embedded code is copied directly from the youtube embed code.
Youtube embed code:
<iframe width="560" height="315" src="//www.youtube.com/embed/EW8XHKqz7Jg" frameborder="0" allowfullscreen></iframe>
Any Idea to help me? Note: Im using dreamweaver CC to embed this and the rest of the code in page is this
Html Page Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Personal Website</title>
<link rel="stylesheet" type="text/css" media="screen" href="WebMe.css">
</head>
<body>
<h1>The Other Side Of Me</h1>
<div id="mainnav">
<ul>
<li><a class="nav1" href="AboutMe.html">About Me</a></li>
<li><a class="nav2" href="ShowCase.html">ShowCase</a></li>
<li><a class="nav3" href="Hobby.html">Hobby</a></li>
<li><a class="nav4" href="Contact.html">Contact</a></li>
</ul>
</div>
<div id="bio">
<h2 class="header">Hobby</h2>
<p class="concenter">One of my hobby is playing music, below is one of my favourite piano piece</p>
<figure id="showpic"><img src="image/Canon1.png" class="Fleft" width="300" height="500" alt="canon1"/></figure>
<figure id="showpic"><img src="image/Canon2.png" width="300" height="500" alt="Canon2"/></figure>
<p class="concenter">Canon in video varies from music sheet</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/EW8XHKqz7Jg" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>