HTML canvas resize effects iframe placement.

Hi ClayUUID, 

Thank you for the response. My objective is to display an ASP.NET, not a youtube video. I was testing the iframe as I was assuming that was the only way to do it. 

My goal is to have the character's body overlayed with buttons, once each portion of the body is clicked the .NET form will show and the user can then select data from the form and submit.

(example: click the head button--> form is displayed --> fill and submit the form -- > close form --> move to the next body part) 

is there an easier way to do this? 

(Sorry for the basic questions, but I am not a programmer. )

__________________________________________

THIS IS THE CODE I AM CURRENTLY USING: 

var root = this;
var videoURL = 'http:URL';
var embedURL = '<iframe width="430" height="350" src="http://URL" frameborder="0"></iframe>';

root.embedVideo = function(url, id, style)
{
var key;
var element = document.createElement('div');

canvas.parentNode.appendChild(element);
element.id = id;
element.innerHTML = url;

for (key in style)
element.style[key] = style[key];
};
// ...
root.embedVideo(embedURL, "video-popup", {position: 'absolute', left: (canvas.width - 150) * 0.5 + 'px', top: (canvas.height - 350) * 0.5 + 'px'});