mirror of
https://github.com/tabler/tabler.git
synced 2025-12-22 01:44:25 +04:00
f2e182dedf
Co-authored-by: Mustafa Ateş Uzun <mustafauzun0@gmail.com> Co-authored-by: Aditi Deshpande <aditideshpande2908@gmail.com> Co-authored-by: Bartłomiej Gawęda <bgaweda@abis.krakow.pl>
32 lines
892 B
Plaintext
32 lines
892 B
Plaintext
---
|
|
title: Inline player
|
|
libs: plyr
|
|
description: A simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.
|
|
---
|
|
|
|
## Sample demo
|
|
|
|
```html example code vendors height="500px"
|
|
<div id="player-youtube" data-plyr-provider="youtube" data-plyr-embed-id="dQw4w9WgXcQ"></div>
|
|
|
|
<script src="$TABLER_CDN/dist/libs/plyr/dist/plyr.min.js"></script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
window.Plyr && (new Plyr('#player-youtube'));
|
|
});
|
|
</script>
|
|
```
|
|
|
|
## Vimeo file
|
|
|
|
```html example code vendors height="500px"
|
|
<div id="player-vimeo" data-plyr-provider="vimeo" data-plyr-embed-id="515937365"></div>
|
|
|
|
<script src="$TABLER_CDN/dist/libs/plyr/dist/plyr.min.js"></script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
window.Plyr && (new Plyr('#player-vimeo'));
|
|
});
|
|
</script>
|
|
```
|