embedresponsively.com Open in urlscan Pro
69.163.183.97  Public Scan

URL: http://embedresponsively.com/
Submission Tags: tranco_l324
Submission: On March 09 via api from DE — Scanned from DE

Form analysis 8 forms found in the DOM

<form>
  <fieldset>
    <label>YouTube Page URL:</label>
    <div class="input-group">
      <input type="text" id="youtube-url" class="form-control" value="http://youtube.com/watch?v=QILiHiTD3uc">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createYouTubeEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Vimeo Page URL:</label>
    <div class="input-group">
      <input type="text" id="vimeo-url" class="form-control" value="http://vimeo.com/66140585">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createVimeoEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Dailymotion Page URL:</label>
    <div class="input-group">
      <input type="text" id="dailymotion-url" class="form-control" value="http://dailymotion.com/video/xsr67x">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createDailymotionEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Google Maps iFrame Embed:</label>
    <div class="input-group">
      <input type="text" id="googlemaps-url" class="form-control"
        value="<iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387144.0075834208!2d-73.97800349999999!3d40.7056308!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY!5e0!3m2!1sen!2sus!4v1394298866288' width='600' height='450' frameborder='0' style='border:0'></iframe>">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createGoogleMapsEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Generic iFrame Embed:</label>
    <div class="input-group">
      <input type="text" id="generic-url" class="form-control" value="<iframe src='http://alistapart.com/article/responsive-web-design/' style='border:0'></iframe>">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createGenericEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Instagram Page URL:</label>
    <div class="input-group">
      <input type="text" id="instagram-url" class="form-control" value="http://instagram.com/p/dnQi4EGuZx/">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createInstagramEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Vine URL:</label>
    <div class="input-group">
      <input type="text" id="vine-url" class="form-control" value="https://vine.co/v/MjpK9pmKvzu">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createVineEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

<form>
  <fieldset>
    <label>Getty Image Embed:</label>
    <div class="input-group">
      <input type="text" id="getty-url" class="form-control"
        value="<iframe src='//embed.gettyimages.com/embed/137668307?et=0kKQE3OQU06k6Y-tD9FdZA&amp;sig=MuEspy0rbDdvg7lpUAk77Pwaha2oc1_tUWsZTdH6IHE=' width='594' height='475' frameborder='0' scrolling='no'></iframe>">
      <span class="input-group-btn">
        <button class="btn btn-primary" onclick="createGettyEmbed();" type="button">Embed</button>
      </span>
    </div><!-- /input-group -->
  </fieldset>
</form>

Text Content

Embed Responsively
About

HEY! Do you, or someone you love, need to embed long threads of tweets? Try
TWETESTORM for free.


Select a media source below:

 * YouTube
 * Vimeo
 * Dailymotion
 * Google Maps
 * Getty Images
 * Generic iFrame
 * More

YouTube Page URL:
Embed


Vimeo Page URL:
Embed


Dailymotion Page URL:
Embed


Google Maps iFrame Embed:
Embed


Generic iFrame Embed:
Embed

NOTE: You may want to remove any hard coded values you see below with regards to
"width" and "height" in the below code. These values may be in the iFrame SRC
parameters, or in the iFrame query string. Experiment to see what works best.

Instagram Page URL:
Embed


Vine URL:
Embed


Getty Image Embed:
Embed




Great news! The embed codes offered by these services are already responsive:

 * Scribd (select 'Autosize')
 * SoundCloud
 * Storify
 * Twitter

Know of more? New embed type giving you problems? Please report any issues on
GitHub.

Download or fork on Github. Please Embed Responsively.

ABOUT

embedresponsively.com helps build responsive embed codes for embedding rich
third-party media into responsive web pages.

The code here is based on research and work by Theirry Koblentz, Anders Andersen
and Niklaus Gerber.

Created and maintained by @jeffehobbs.

Version 3.1: HTTPS now available everyhere :)
OK