How to scale video size to fit iframe?

Question

<IFRAME SRC="http://example.com/embed-k59o3sirni24-640x318.html" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=338></IFRAME>

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Problem: 640x318 in src.

Any workaround with css jquery...

i need to scale video to size of iframe, and iframe is 100% of div where iframe belongs to.

can you explain in little more details and also put a fiddle. — Ganesh Yadav, Jul 24 '15 at 09:13
The question is a bit ambiguous but probably the tool on the following page can be useful, [embedresponsively](http://embedresponsively.com/). — κροκς, Jul 24 '15 at 09:20

score 0 · Accepted Answer · edited May 23 '17 at 12:14

0

You cannot manipulate the behavior of the content of the frame.

Since the dimension of the video is part of the URL, I am assuming the video is just fixed size.

You could try however to scale (css zoom property) the content of the frame using the answers to this question, but there seem to be a lot of browser differences to be considered:

How can I scale the content of an iframe?

edited May 23 '17 at 12:14

Community

1
1

answered Jul 24 '15 at 09:25

Nappy

3,016
27
39

How to scale video size to fit iframe?

1 Answers1