I have an <iframe> tag consisting of an embedded video player that is received from the server.
The problem is, I am unable to resize this player on my panel. It gets stretched and goes beyond the panel's width & height.
Options that I tried out :-
- Obtain the device's size (height and width). Calculate the player's height and width to be 60% of the device's size. Assign the width and height attributes to the <iframe> tag.
- Made use of the <table> tag. Assigned the width to be 60%. Placed the iframe tag in this table.
The first option works fine when it comes to displaying it on a machine/tablet. It fails in case of a mobile device.
Thanks in advance.