wie Video einbetten in einem Laptop setzen

Question

ich dieses Bild von diesem Laptop habe:

http://www.ildottoredellepiante.it/formazione/wp-content/uploads/2017/05/laptop-png-6754.png

Und ich mag es auf die „Abschnitt-743“ von meiner Website (direkt nach dem Schieber hinzufügen oben auf der Seite) ->http://www.ildottoredellepiante.it und ich würde gerne ein Video in die Blackside des Bildschirmbildes einbetten. die Video-URL ist von youtube und ist folgende: www.youtube.com/watch?v=ucXRLnIkTyQ

Auch wird es arbeitet in Reaktion darauf werden?

Ich freue mich auf Ihre Antwort Genies :)

Answer 1

<div> 
     <div> 
      <iframe width="560" height="315" src="//www.youtube.com/embed/f890SC1schE" frameborder="0" allowfullscreen></iframe> 
     </div> 
    </div> 

div { 
    width: 100%; 
    height: 100%; 
    max-width: 1034px; 
    max-height: 543px; 
    margin: 0 auto; 
} 
div div { 
    position: relative; 
    padding-top: 25px; 
    padding-bottom: 67.5%; 
    height: 0; 
} 
div iframe { 
    box-sizing: border-box; 
    background: url(http://i.stack.imgur.com/zZNgk.png) center center no-repeat; 
    background-size: contain; 
    padding: 11.9% 15.5% 14.8%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

Hier die jsfiddle: http://jsfiddle.net/4g9e3ywy/

Hoffe, es hilft ist.