Supported Third Party Embeds

Currently, the following third party embeds are fully supported:

23degree

<style>.responsive23-BArFEI0PWXo405ua-bar-horizontal-bar-chart { width: 100%; padding-top: 100%; } @media (max-width: 600px) { .responsive23-BArFEI0PWXo405ua-bar-horizontal-bar-chart { padding-top: 100%; } } @media (max-width: 360px) { .responsive23-BArFEI0PWXo405ua-bar-horizontal-bar-chart { padding-top: 166.67%; } }</style>
<div id="container23-BArFEI0PWXo405ua-bar-horizontal-bar-chart" class="responsive23-BArFEI0PWXo405ua-bar-horizontal-bar-chart" style="position: relative;"><iframe title="Bar Chart" src="https://app.23degrees.io/embed/BArFEI0PWXo405ua-bar-horizontal-bar-chart" allow="fullscreen" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0"></iframe></div>
<script src="https://app.23degrees.io/services/public/embed-code/BArFEI0PWXo405ua-bar-horizontal-bar-chart"></script>

APA

Video

<iframe src="https://uvp-diepresse.sf.apa.at/embed/..." frameborder="0" allowfullscreen></iframe> 

Grafik

<script>if(!apaResc)var apaResc=function(a){var e=window.addEventListener?"addEventListener":
"attachEvent",t,n;(0,window[e])("attachEvent"==e?"onmessage":"message",function(e){if(e.data[a]) 
for(var t=document.getElementsByClassName(a),n=0;n!=t.length;n++) t[n].style.height=e.data[a]+"px"},!1)}; 
apaResc("[ID]");</script><iframe class="apa-0399-22"  frameBorder="0" scrolling="no" width="100%" 
src="https://grafik.apa.at/..."></iframe>

Apester

<div class="apester-media" data-media-id="<DATA_MEDIA_ID>" height="512"></div>
<script
  async
  src="//static.apester.com/js/sdk/v2.0/apester-javascript-sdk.min.js"
></script>

Brightcove

https://bcove.me/[...]
https://bcove.video/[...]
https://players.brightcove.net/[...]
https://link.brightcove.com/services/player/bcpid[...]

Contentflow

<div style="padding-top:56.25%; position:relative; width:100%;"><iframe allowfullscreen src=https://embed.contentflow.net/output/[...]  style="background-color: transparent; border:none; height:100%; position:absolute; top:0; width:100%;"></iframe></div>

Datawrapper

https://www.datawrapper.de/[ID]/

Dpa

dpa-webgrafik

<div
  data-app="dpa-webgrafik"
  data-embed-type="pym"
  data-src="https://[...].cloudfront.net/customers/client/aws/my/html/index.html?pathSrc=[...]&customer=<CUSTOMER_ID>"
></div>
<script
  type="text/javascript"
  src="https://[...].cloudfront.net/js/dpa.js"
></script>

dpa-electionslive

<div
  data-app="dpa-electionslive"
  data-embed-type="iframe-dyn"
  data-competition-id="bw_de"
  data-language="de"
  data-standalone="chart"
  data-src="https://[...].cloudfront.net/customers/bundestagswahl/aws/dpa-shop/html/index.html?customer=<CUSTOMER_ID>"
  data-path="https://[...].cloudfront.net/bw_de/"
></div>
<script
  type="text/javascript"
  src="https://[...].cloudfront.net/js/dpa.js"
></script>

Facebook

Link

https://www.facebook.com/[...]

Embed

<div class="fb-post" data-href="[LINK]" data-width="500" data-show-text="true">[...]</div>

Flourish

Embed

<div class="flourish-embed flourish-map" data-src="visualisation/ID"><script src="https://public.flourish.studio/resources/embed.js"></script></div>

Giphy

<iframe src="https://giphy.com/embed/[EMBED_ID]" width="480" height="480" style="" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="[EMBED_URL]">via GIPHY</a></p>

Glomex

Link

https://player.glomex.com/integration/1/iframe-player.html?integrationId=[INTEGRATION_ID]&playlistId=[PLAYLIST_ID]

Embed

<script src="https://player.glomex.com/integration/1/glomex-player.js"></script>
<glomex-player
  data-integration-id="[INTEGRATION_ID]"
  data-playlist-id="[PLAYLIST_ID]"
></glomex-player>

Infogram

https://www.infogram.com/[ID]

Instagram

https://www.instagram.com/p/[ID]

Involve.me

Embed

<div class="involveme_embed" data-project="[CUSTOMER-EMBED]">
<script src="https://[CUSTOMER-SUBDOMAIN].involve.me/embed"></script>
</div>

JWPlayer

https://cdn.jwplayer.com/players/[ID].html

Embeds


<script src=https://cdn.jwplayer.com/players/[ID].js></script>


<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe src="https://content.jwplatform.com/players/[ID].html" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen allow="encrypted-media; autoplay"></iframe></div>


Opinary

https://compass.pressekompass.net/compasses/mach/[ID]
<div class="opinary-widget-embed" data-poll="[ID]" data-customer="faz"></div> <script async type="text/javascript" src="//widgets.opinary.com/embed.js"></script>

Pinpoll

<div data-pinpoll-id="[PINPOLL_ID]" data-mode="poll"></div>
<script src="https://tools.pinpoll.com/global.js" async></script>

Riddle

<div class="riddle2-wrapper" data-rid-id="xnoJXaMM" data-auto-scroll="true" data-is-fixed-height-enabled="false" data-bg="#fff" data-fg="#00205b" style="margin:0 auto; max-width:100%; width:640px;" ><script src="https://www.riddle.com/embed/build-embedjs/embedV2.js"></script><iframe src="https://www.riddle.com/embed/a/[EMBED_ID]?lazyImages=false&staticHeight=false" allow="autoplay" referrerpolicy="strict-origin">[... EMBED PREVIE HTML...]</iframe></div>

Rhetoric

<div data-rhetoric data-rhetoric-id="[RHETORIC_ID]" data-rhetoric-config="[RHETORIC_CONFIG_ID]"></div>
<script async type="module" src="https://www.rhetoric.tech/embed/rhetoric.js"></script>

SoundCloud

https://soundcloud.com/[ARTIST_ID]/[TITLE_ID]

Spotify

https://open.spotify.com/track/<TRACK_ID>

TikTok

https://www.tiktok.com/<USER_ID>/video/<VIDEO_ID>

Twitter

https://twitter.com/<USER_ID>/status/<TWEET_ID>

Vimeo

https://vimeo.com/<VIDEO_ID>

YouTube

https://youtube.com/<VIDEO_ID>

All Web embeds via iFrame are also supported.

In order to request an embed we currently do not support, please send an email to support@tickaroo.com.