I want to display an embedded video (Vimeo preferably) link as a portfolio item. When I copy the embed code into the body of the portfolio item, or enter the URL in the Insert Link input box the published webpage displays a boxy video preview player window with black bars on top and bottom even when the video itself is 16:9.
Can I embed a video link without the video appearing letterboxed?
What is the maximum width allowed for video embeds?
Thanks for the fix.
This sort of helps, but the embedded video only looks correct when my internet browser is at a certain width. If I go fullscreen on my 27" monitor there are black bars on the sides. If I narrow the width of the browser black bars appear on the top and bottom. IS there a way to make any embedded video responsive without black bars?
Here is the embed code if that helps:
< iframe src="https://player.vimeo.com/video/176688080?color=cacbcc&title=0&byline=0&portrait=0" width="700" height="310" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> < iframe>