Replies: 1 comment 3 replies
-
|
You haven't applied the default theme ( <media-seek-button class="vds-button" seconds="+30">
<media-icon type="seek-forward"></media-icon>
</media-seek-button> |
Beta Was this translation helpful? Give feedback.
-
|
Ok, I'm more confused now :)
Here is the sample html: <body>
<main>
<media-player title="Tears of Steel" stream-type="live:dvr" src="https://cph-p2p-msl.akamaized.net/hls/live/2000341/test/master.m3u8">
<media-provider></media-provider>
<media-seek-button class="vds-button" seconds="+30">
<media-icon type="seek-forward"></media-icon>
</media-seek-button>
<media-video-layout></media-video-layout>
</media-player>
<script
src="https://cdn.jsdelivr.net/npm/vidstack@next/cdn/with-layouts/vidstack.js"
type="module"
></script>
</main>
</body>Everything works fine on Default Layout except seek buttons. Do I need to build a player using the headless option? |
Beta Was this translation helpful? Give feedback.
-
|
Ye you can't add controls like that inside the player, it's still all just HTML. Nothing magical can happen here to position that button for you. If you want to customize consider building your own using the examples to guide you. You can extend the default theme, use CSS, or Tailwind CSS. All the examples are there in the vidstack/examples repo. |
Beta Was this translation helpful? Give feedback.
-
|
Oh I see. Default layout has no styles for seek buttons. Gotcha. Thanks. |
Beta Was this translation helpful? Give feedback.
-
I cannot seem to figure out how to show them on V1.1.11 as there are no documentation for them as of now. I followed the old method which is working on 0.6 but it's a no-show:
Beta Was this translation helpful? Give feedback.
All reactions