D3.js append video element

See more:

Javascript

HTML

Hi,

i am using d3.js for creating dynamc slideshow. Texts and Images work correctly but on the other hand i dont know how could i append video. Any idea?

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
....
<script>

var svg = d3.select("#content")
                .append("svg").
                .attr("width", "900px")
                .attr("height", "400px");

 var canvas = svg.append("g");

 canvas.append("image")
        .attr("x", 20)
        .attr("y", 125)
        .attr("height", "50px")
        .attr("width", "50px")
        .attr("xlink:href", "imageee.png");


 canvas.append("text")
        .text("hello")
        .attr("x", 145)
        .attr("y", 74)
        .style("fill", "yellow")
        .attr("font-size", 14);
...

What I have tried:

i am tying append video as a iframe, but doesnt work

function appendIframe() {

canvas.append("iframe")
        .attr("x", 100)
        .attr("y", 50)
        .attr("height", "315px")
        .attr("width", "560px")
        .attr("src", "https://www.youtube.com/embed/n5NcCoa9dDU")
        .attr("frameborder","0");


        alert("nice");

}

appendIframe();


</script>

Alert me "nice", but i dont see it in d3 canvas.