Demonstrating Mozilla Drag and Drop / Data Transfer

https://developer.mozilla.org/En/DragDrop/DataTransfer

HTML

<div id="output" style="min-height: 200px; white-space: pre; border: 1px solid black;"
     ondragenter="document.getElementById('output').textContent = ''; event.stopPropagation(); event.preventDefault();"
     ondragover="event.stopPropagation(); event.preventDefault();"
     ondrop="event.stopPropagation(); event.preventDefault();
     dodrop(event);">
     DROP HERE
    
</div>


 <iframe sandbox="allow-scripts"  width="560" height="315" src="https://www.youtube.com/embed/sGbxmsDFVnE" frameborder="0" allowfullscreen></iframe>

JavaScript 1.7

function dodrop(event)
{

	urldata = event.dataTransfer.getData('text/plain');
  output(urldata);

}

function output(text)
{
  document.getElementById("output").textContent += text;
  //dump(text);
}