[StreamTube] Video Chapters
Adding video chapters in the same manner as Youtube allows for a more organized and structured viewing experience. Video chapters can be created using either the [chapters] shortcode or by creating a list with the "chapter-list" class name. This feature helps viewers quickly jump to specific sections of a video and provides a better navigation experience
For example
00:00 - Introduction 01:00 - Setting up your account 02:30 - Creating a new video 04:00 - Adding video chapters 05:30 - Customizing video player settings 07:00 - Setting up a video page and monetizing your content 08:30 - Conclusions and next steps.
OR shortcode with styling
[chapters] 00:00 - Introduction 01:00 - Setting up your account 02:30 - Creating a new video 01:04:00 - Adding video chapters 01:05:30 - Customizing video player settings 01:07:00 - Setting up a video page and monetizing your content 01:08:30 - Conclusions and next steps. [/chapters]
OR HTML List Tag
<ol class="chapter-list"> <li>00:00 - Introduction</li> <li>01:00 - Setting up your account</li> <li>02:30 - Creating a new video</li> <li>01:04:00 - Adding video chapters</li> <li>01:05:30 - Customizing video player settings</li> <li>01:07:00 - Setting up a video page and monetizing your content</li> <li>01:08:30 - Conclusions and next steps.</li> </ol>
OR Mixed content
Lorem ipsum dolor sit amet, 00:00 - Introduction, consectetur adipiscing elit. Vestibulum ac tortor ut nibh suscipit pellentesque quis in metus. Suspendisse sit amet sem enim. Cras non lobortis massa. 01:00 - Setting up your account, Suspendisse imperdiet rutrum lectus, quis dictum lectus rhoncus sit amet. Nam cursus in enim vel condimentum. Sed non mi mattis, rutrum magna vel, blandit elit. Praesent quis urna faucibus, egestas mauris a, blandit dui. Vivamus blandit ante quis arcu fermentum, in feugiat ipsum ultrices. Aenean malesuada lorem ac velit blandit, in elementum libero volutpat. 02:30 - Creating a new video, Integer posuere, eros at consequat feugiat, sem est feugiat nibh, vel ornare tortor ex eu ante. Fusce nec porta erat. Aliquam convallis porta tristique. Ut eu laoreet sapien, 01:08:30 - Conclusions and next steps.