.iframe-container { position: relative; width: 100%; padding-bottom: 78.125%; /* 550/704 ratio */ height: 0; overflow: hidden; } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
"iframe src http www youjizz com videos embed 205618 frameborder 0 width 704 height 550 scrolling no allowtransparency true iframe"
<iframe src="http://www.youjizz.com/videos/embed/205618" frameborder="0" width="704" height="550" scrolling="no" allowtransparency="true"></iframe> Let's break down the code: : The use
At first glance, this iframe appears to be a harmless piece of code, simply embedding a video from YouJizz into a webpage. However, there are several red flags here that we should be concerned about.
The iFrame code iframe src http www youjizz com videos embed 205618 frameborder 0 width 704 height 550 scrolling no allowtransparency true iframe is used to embed a specific video from YouJizz.com into a web page. Let's break down the code: .iframe-container { position: relative
: The use of http in the src attribute could lead to mixed content warnings if the parent page is served over https . This could lead to a decrease in user trust and potentially break certain functionalities.
Let's break down the various attributes: /* 550/704 ratio */ height: 0
And then wrap your iframe in a div with the .iframe-container class.