2017-05-21 2 views
-1

Ich möchte die Höhe eines eingebetteten Youtube-Vid ändern. Ich habe viele Threads gelesen, bei denen die Lösung ein zusätzliches div außerhalb des iframe-Elements hinzuzufügen scheint. Mein Problem ist, dass das Element aus dem Backend abgerufen wird und bereits im p-Tag ist.Höhe des eingebetteten iframe ändern youtubevid

das ist mein html

<p class="richTextBox" ng-bind-html="getHtml(question.answer)"></p> 

This is what is fetched from the backend

Wie kann ich CSS verwenden, um die iframe im ng-bind-html eingebettet zu ändern? Danke!

+0

Können Sie Code teilen, der auf der Geige oder einem Snapshot der Ausgabe mit geöffneten F12-Elementen abgeschnitten wurde. Ich denke, die Höhe des P-Tags sollte besser funktionieren. – Krishna9960

+0

Die Frage wurde mit einem Schnappschuss aktualisiert :) – andrea

Antwort

0
<p class="container"> 
    <iframe src="" frameborder="0" width=100%; height= 100% ></iframe> 
</p> 


.container{ 
    height: 200px; 
    width: 300px; 
    border: 1px solid red; 
} 

Versuchen Das sollte funktionieren. Als Iframe wird die Höhe und Breite der Eltern verwendet.

Verwandte Themen