Code:
function addVideoFrame()
{
var style_css = "\
.no_display { \
display : none; \
} \
\
.SSvideo { \
z-index: 1; \
padding: 5px; \
background-color: black; \
position: fixed; \
top: 0%; \
}";
$("head").append("<style>" + style_css + "</style>");
var frame_html = "<div id = 'video_frame' class = 'SSvideo no_display'> \
<h3 id = 'frame_title' style = 'color: white;'></h3> \
<iframe src= 'http://www.youtube.com/v/DFl9o-e05is?autoplay=1' width = 350px height = 350px style ='display: block; margin: auto'> </iframe> \
</div>";
$("body").append(frame_html);
}
This is the javascript function that gets called on a right click in the viewer. The div shows up and we can see text that is inserted into the H3 tags, but the iframe will not show any content (we have tried static websites, etc.).