Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Update docs structure

Browse Source
This commit is contained in:
codecalm
2025-01-02 11:25:08 +01:00
parent 555f4c14f1
commit 0ac8e337e7
58 changed files with 64 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
docs/ui/components/inline-player.mdx Normal file
View File

@@ -0,0 +1,31 @@
---
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>
```