title: Can't Remove Border on iFrame embedded video
body: <p>Having an issue removing a border on an embedded video (via Wistia) using iFrame. The page is at http://autopilotlist.wpengine.com/3-listing-leads-t/.</p>
  
  <p>I'm examined the css using "inspect element" in chrome, and have confirmed that the border isn't a css issue (as best I can tell). Curiously, the border only appears on the top and left edges - which makes it almost look like a shadow or something. </p>
  
  <p>I've also confirmed that the aspect ratio of the rendered video is an exact 16:9, so I don't believe the issue is from a resizing issue.</p>
  
  <p>This is driving me nuts that I can't get rid of the border. Any and all suggestions are welcome.</p>
  
  <p>Edited: the frameBorder attribute is set:</p>
  
  <pre><code>&lt;iframe src="//fast.wistia.net/embed/iframe/tyxdpoy7rw?videoFoam=true" autoplay="true"     playbar="false" controlsVisibleOnLoad="false" allowtransparency="true" frameBorder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="960"&gt;&lt;/iframe&gt;&lt;script src="//fast.wistia.net/assets/external/iframe-api-v1.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And the seamless='seamless' attribute didn't work for me.</p>
  
  <p>Thanks to @marc-audet - The movie file was the problem. I created the video using 1920x1080 .png images. For some reason the file rendered with a border on the top and the left. I scaled the clips to be 101% and centered the images. When I re-rendered and uploaded to Wistia, the new embedded movie is beautifully borderless. Thanks so much for the tip, I would have never tried that otherwise!</p>