how to make video player fluid width and height?

Question

how would you make these video players height and width 100% and resize with the page http://scripts.reloadlab.net/customYtPlayer/

<a class="youtube" href="http://www.youtube.com/watch?v=CD2LRROpph0" style="width: 100%;"></a>

makes the video player the width of the window and it remains that way when resizing it whereas i want it to be resizable with the window. and you cant specify height but i would also like that to be resizeable with the window when resizing it.

Possible duplicate question can be found here: http://stackoverflow.com/a/27294107/4000669 — Shahrukh Azeem, Dec 04 '14 at 12:38
@ShahrukhAzeem There's a difference between JavaScript and CSS — Yusaf Khaliq, Jan 08 '15 at 18:57

score 2 · Accepted Answer · answered Nov 04 '11 at 19:32

2

You could use fitvids.js, a responsive jQuery plugin for fluid width video http://fitvidsjs.com/

answered Nov 04 '11 at 19:32

Kostis

1,105
8
10

Works only for width. – Adrian Puescu Jul 17 '15 at 11:57

how to make video player fluid width and height?

1 Answers1

Linked