How To Crop Iframe Video From Other Site

Someone asked me "how to crop the tag <iframe> on the blog so that the area displayed is only in the video streaming area?". So today the admin will show you how to crop the <iframe> tag from another web page. Iframing an external webpage or crop external webpage is not so tough. We just need a little knowledge about basic HTML and CSS to do that.

The <iframe> tag specifies a floating inline frame, used to embed external content in a webpage. Using iframe easily we could display an external webpage including text, images, and videos etc. But here we're going to see "how to crop and display a specific part of a external webpage using <iframe>".

Sometimes if we want to show certain part of an external webpage in other site/blog; iframing is the best easy way to do so.

See below is the openload crop video demo using the following <iframe>,
To do that just copy the code below and paste it wherever you want display.

<div style="border: 2px solid #d5cc5a; margin: 15px auto; max-height: 345px; max-width: 607px; overflow: hidden;">  
 <iframe scrolling="no" src="https://oload.stream/f/gEZ2E4cNdAg/Jack_The_Giant_Slayer_%282013%29_-_Layarxxi21.com.mp4" style="border: 0px none; height: 812px; margin-left: -13px; margin-top: -270px; width: 650px;">  

Note: Change the URL with the desired address. Arrange the max-width, margin-left, height, margin-top, width so that the appearance becomes more feasible and nice to see
Share This :


  1. Makasih pak walau saya tidal mengerti bahasa inggris tapi setidaknya memeahami Tag HTML iframe untuk menampilkan page dari web lain. Makasih pak sangat bermanfaat sekali