BOTÃO/Iframe API


Coloque "src" atributo no HTML iframe para:

https://yt-api.com/@api/button/{format}/{YouTube-Video-ID}

...Onde {format} é um dos seguintes:

  • "mp3" : por MP3 Resultados
  • "videos" : por Vídeo w/Áudio Resultados
  • "mergedstreams" : por Vídeo + Áudio mesclados Resultados

...e {YouTube-Video-ID} é uma válida vdeo ID do YouTube.

O código resultante do iframe e a saída correspondente devem parecer um dos seguintes, exemplo:

<iframe class="button-api-frame" src="https://yt-api.com/@api/button/mp3/CevxZvSJLk8" width="100%" height="68px" allowtransparency="true" scrolling="no" style="border:none"></iframe>

<!-- Optional script that automatically makes iframe content responsive. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script>
<script>iFrameResize({checkOrigin: false}, '.button-api-frame');</script>

...gera isso:

<iframe class="button-api-frame" src="https://yt-api.com/@api/button/videos/CevxZvSJLk8" width="100%" height="68px" allowtransparency="true" scrolling="no" style="border:none"></iframe>

<!-- Optional script that automatically makes iframe content responsive. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script>
<script>iFrameResize({checkOrigin: false}, '.button-api-frame');</script>

...gera isso:

<iframe class="button-api-frame" src="https://yt-api.com/@api/button/mergedstreams/CevxZvSJLk8" width="100%" height="68px" allowtransparency="true" scrolling="no" style="border:none"></iframe>

<!-- Optional script that automatically makes iframe content responsive. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script>
<script>iFrameResize({checkOrigin: false}, '.button-api-frame');</script>

...gera isso:

<iframe class="button-api-frame" src="https://yt-api.com/@api/button/videostreams/CevxZvSJLk8" width="100%" height="68px" allowtransparency="true" scrolling="no" style="border:none"></iframe>

<!-- Optional script that automatically makes iframe content responsive. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script>
<script>iFrameResize({checkOrigin: false}, '.button-api-frame');</script>

...gera isso:

<iframe class="button-api-frame" src="https://yt-api.com/@api/button/audiostreams/CevxZvSJLk8" width="100%" height="68px" allowtransparency="true" scrolling="no" style="border:none"></iframe>

<!-- Optional script that automatically makes iframe content responsive. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script>
<script>iFrameResize({checkOrigin: false}, '.button-api-frame');</script>

...gera isso: