Button/Iframe API
Setze das "src" Attribut eines HTML iframe zu:
https://yt-api.com/@api/button/{format}/{YouTube-Video-ID}
...wobei{format}
duch eines der folgenden Parameter ersetzt wird:
- "mp3" : für MP3 ergebnisse
- "videos" : für Video mit Audio ergebnisse
- "mergedstreams" : für Zusammengeführtes Video + Audio ergebnisse
...und {YouTube-Video-ID}
durch eine gültige YouTube-Video-ID.
Der daraus resultierende Iframe-Code und die entsprechende Ausgabe sollten wie folgt aussehen:
<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>
...Erzeugt dies:
<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>
...Erzeugt dies:
<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>
...Erzeugt dies:
<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>
...Erzeugt dies:
<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>