phpface
  • Introduction
  • Installation
  • Verify License
  • Install Plugins
  • Import Sample Content
  • Content Capabilities
  • Theme Options
  • Site Logo
  • Elementor Widgets
  • Sidebars
  • Shortcodes
  • Widgets
  • Add Menu
  • Add Custom User Dashboard Pages
  • Mobile Bottom Menu
  • Upload/Embed Video
  • Upload Big Files
  • Transcode and Encrypt Video With FFmpeg
  • Video Collections
  • Video Chapters
  • Import YouTube Videos
  • Post Location
  • Live Chat and Private Messages
  • User Dashboard
  • Video Advertising
  • BuddyPress (Activity Stream, Notifications, User Groups, Friend Connections ... etc)
  • Restrict Content
  • User Registration / Membership
    • Patreon Membership
    • Paid Membership Pro
    • Paid Member Subscriptions
  • myCred
  • ACF - Advanced Custom Fields
  • Create User Channels
  • WP Statistics (Page Views, Reports, Analytics ...)
  • Sitekit By Google (Page Views, Reports, Analytics ...)
  • Limit Backend Access
  • Bunny Stream
  • Cloudflare Stream
  • DynTube Stream
  • WooCommerce - Sell Video Content
  • Dokan - WooCommerce Multivendor Marketplace.
  • Forums
  • Search Everything in WordPress
  • Translation
  • Changelogs
  • For Developers
    • Add Custom Meta Boxes
    • REST APIs & Upload
  • FAQs
    • How to resolve 404 Error?
    • How to update the theme and all bundled plugins?
    • How to update all bundled plugins?
    • What is a Short Video?
  • How to solve "video is being encoded, please wait a minute" issue?
  • How to Add Custom Roles and Capabilities?
  • How to set custom single video template?
  • End
    • Thank you!
  • Customer Support
Powered by GitBook
On this page

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.
PreviousVideo CollectionsNextImport YouTube Videos

Last updated 2 months ago