voidcannon: implement media player design

This commit is contained in:
bignutty
2025-11-23 17:08:31 +01:00
parent 17643a6d2a
commit 91746fd5be
2 changed files with 6 additions and 5 deletions

View File

@@ -24,13 +24,14 @@ The media player allows playback of YouTube videos.
``` ```
<voidcannon-media-player></voidcannon-media-player> <voidcannon-media-player></voidcannon-media-player>
<voidcannon-media-player video-id="PJ4ZnABLkSg"></voidcannon-media-player> <voidcannon-media-player video-id="vz7Ju8dhe2c" video-title="Humility" video-author="Gorillaz" video-thumbnail="https://lh3.googleusercontent.com/GQLNVMQEtBm2ban-cVFaEJNg8X18EpG0YvqicbGba3PddFWziKXioFjSamuBT-bvkshV1zyY56NWbbcz=w96"></voidcannon-media-player>
<voidcannon-media-player video-id="FFgdqhXuldQ"></voidcannon-media-player> <voidcannon-media-player video-id="PJ4ZnABLkSg" video-title="Get Something Out of Your Mind (feat. 荒巻勇仁)" video-author="Yaffle" video-thumbnail="https://lh3.googleusercontent.com/9Jma_0rumI18Eep_SC8P3uyfx0TX6NtgVKbFNJ8YDxu-4JKoEZjG1xnFGN8MIgHoRmLxqDTKFy6qFeg=w96"></voidcannon-media-player>
<voidcannon-media-player video-id="vRdE82xYQhU"></voidcannon-media-player> <voidcannon-media-player video-id="FFgdqhXuldQ" video-title="Blue Sky" video-author="STARKIDS" video-thumbnail="https://lh3.googleusercontent.com/bFyhsyuxSEKOD-9RFZW-IoqiJKLWO6flz-ZnPSCdqf4z9Y2i98o-W32-lDgPkty_Ed4vt0Qy9GqwLosnZw=w96"></voidcannon-media-player>
<voidcannon-media-player video-id="vRdE82xYQhU" video-title="謎" video-author="ニトロプラス キラル" video-thumbnail="https://lh3.googleusercontent.com/VwvoSg6dmP_hmU8C4NvOI6Ui9pWitZ8T6JcP9b1MEM1pd1KJpvSree_qyMuu6c6nKSgD79zFlj40SiyLuw=w96"></voidcannon-media-player>
### Same Video ID as the last entry above ### Same Video ID as the last entry above
<voidcannon-media-player video-id="vRdE82xYQhU"></voidcannon-media-player> <voidcannon-media-player video-id="vRdE82xYQhU" video-title="謎" video-author="ニトロプラス キラル" video-thumbnail="https://lh3.googleusercontent.com/VwvoSg6dmP_hmU8C4NvOI6Ui9pWitZ8T6JcP9b1MEM1pd1KJpvSree_qyMuu6c6nKSgD79zFlj40SiyLuw=w96"></voidcannon-media-player>
## Custom Elements ## Custom Elements