Embed IFrame

[TS-VCSC-Spacer height=”20″]

Visual Composer Extensions provides you with an easy way to embed iFrames in to your page. You can show the iFrame as a lightbox from a variety of triggers, or embed it directly.

[TS_VCSC_Fancy_List list_type=”image” list_marker=”disc” list_order=”decimal” order_start1=”0″ order_start2=”1″ marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png” marker_icon=”ts-awesome-adjust” list_position=”outside” marker_position=”center” marker_margin=”0″ marker_color=”#000000″ marker_size=”12″ content_color=”#000000″ content_size=”14″ line_height=”18″ content_margin=”5″ content_intend=”0″ frame_position=”bottom” frame_thick=”1″ frame_color=”#cccccc” frame_padding=”5″ margin_top=”0″ margin_bottom=”0″]

  • Open iFrame in lightbox or embed directly into page
  • Have iFrame automatically set its width, manually set responsive width in % or a fixed set in px
  • Have iFrame automatically set it height (via 16:9 ratio) or set a fixed height in px
  • Define lightbox height and width in percent of viewport, define fixed dimensions or use auto-size
  • Show IFrame in full width when embedded directly
  • Add Border to iFrame when embedded directly

[/TS_VCSC_Fancy_List][TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”critical” color_icon=”#cccccc” color_title=”#cccccc” color_border=”#cccccc” color_background=”#ffffff” icon_replace=”false” panel_icon=”ts-awesome-info-circle” panel_size=”50″ panel_spacer=”15″ animations=”false” animation_effect=”ts-hover-css-” margin_top=”0″ margin_bottom=”0″]

Please be aware that more and more websites are now using restrictive “X-Frame-Options”, which prevents iFrames from loading websites from different domains. That is not an error/problem of this plugin, but a security setting put in place by the respective website you are attempting to embed.

[/TS_VCSC_Info_Notice]

[TS-VCSC-Spacer height=”20″]

iFrame via Lightbox

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”2″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″]

Default Thumbnail

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”default” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the image to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” content_iframe_buttontext=”View Video” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ content_iframe_icon=”ts-awesome-adjust” content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″]

Custom Image

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”image” content_iframe_image=”16157″ content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the image to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_buttontext=”View Page” iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ lightbox_width=”widthpercent” lightbox_width_percent=”50″ lightbox_width_pixel=”1024″ lightbox_height=”heightpercent” lightbox_height_percent=”75″ lightbox_height_pixel=”400″ content_iframe_icon=”ts-awesome-adjust” content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″][TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””]

Text

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”text” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the text to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_text=”View Page” iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” content_iframe_buttontext=”View Video” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ content_iframe_icon=”ts-awesome-adjust” content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″]

Font Icon

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”icon” content_iframe_icon=”ts-awesome-code” content_iframe_iconsize=”120″ content_iframe_iconcolor=”#dd8500″ content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the icon to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” content_iframe_buttontext=”View Video” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ lightbox_width=”widthpercent” lightbox_width_percent=”90″ lightbox_width_pixel=”1024″ lightbox_height=”heightpercent” lightbox_height_percent=”90″ lightbox_height_pixel=”400″ content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″][TS-VCSC-Spacer height=”20″]

Custom

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”custom” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the text to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_text=”View Page” content_iframe_buttontext=”View Page” content_raw=”JTNDYnV0dG9uJTIwY2xhc3MlM0QlMjJidXR0b24lMjIlMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIwJTIzMDAwMDAwJTNCJTIyJTNFVmlldyUyMFBhZ2UlM0MlMkZidXR0b24lM0U=” content_iframe_image_simple=”false” lightbox_group_name=”nachogroup” lightbox_effect=”random” iframe_width=”auto” iframe_width_percent=”75″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ content_iframe_icon=”ts-awesome-adjust” content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″]

Buttons

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”winged” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”style1″ content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the image to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_buttontext=”View Page” iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″][TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”simple” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the button to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_buttontext=”View Page” iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ content_iframe_icon=”ts-awesome-glass” content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″][TS-VCSC-Spacer height=”10″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”flaticon” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-turquoise-flat” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the button to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_buttontext=”View Page” iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ content_iframe_icon=”ts-awesome-lightbulb-o” content_iframe_buttonhover=”ts-dual-buttons-preview-green-sea-flat ts-dual-buttons-hover-green-sea-flat” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″][TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”flat” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-peter-river-flat” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_content=”Click the button to open the iframe in a lightbox.” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ content_iframe_buttontext=”View Page” iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”auto” iframe_height_pixel=”400″ iframe_transparency=”true” content_iframe_image_simple=”false” lightbox_effect=”random” border_thick=”1″ border_color=”#000000″ iframefullwidth=”false” breakouts=”6″ content_iframe_icon=”ts-awesome-lightbulb-o” content_iframe_buttonhover=”ts-dual-buttons-preview-belize-hole-flat ts-dual-buttons-hover-belize-hole-flat” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″ tooltipster_offsetx=”0″ tooltipster_offsety=”0″]
[TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””]

iFrame (Full Width)

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”2″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”false” content_iframe_trigger=”image” content_iframe_iconsize=”30″ content_iframe_iconcolor=”#cccccc” content_iframe_buttonstyle=”ts-dual-buttons-color-default” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_css=”true” content_tooltip_position=”ts-simptip-position-top” margin_top=”0″ margin_bottom=”0″ iframe_width=”auto” iframe_width_percent=”100″ iframe_width_pixel=”1024″ iframe_height=”heightpixel” iframe_height_pixel=”500″ iframe_transparency=”true” content_iframe_image_simple=”false” content_iframe_buttontext=”View Video” lightbox_group_name=”nachogroup” lightbox_effect=”random” border_type=”double” border_thick=”3″ border_color=”#ededed” iframefullwidth=”true” breakouts=”6″ content_iframe_icon=”ts-awesome-glass” content_iframe_buttonhover=”ts-dual-buttons-preview-default ts-dual-buttons-hover-default” content_iframe_buttonsize=”16″ lightbox_width=”auto” lightbox_width_percent=”100″ lightbox_width_pixel=”1024″ lightbox_height=”auto” lightbox_height_percent=”100″ lightbox_height_pixel=”400″]