• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty
Affordable VAST/VPAID for Wordpress has arrived. Serve ads with your videos starting today!
    • Docs
      • Installation
      • Changelog
    • FAQ
    • Support
      • Free Support
      • Pro Support
    • PRO

    Chapters and Transcript in tabs

    video
    play-sharp-fill

    Synopsis

    Foliovision is the home of FV Player, WordPress’s easiest to use and most feature rich video plugin. We offer pro features like pre-roll and post-roll video and AB looping in a consistent and minimalist interface. With FV Player you can host your videos on almost every platform imaginable: YouTube, Vimeo, Amazon S3, Amazon Cloudfront, CDN and many more all at the same time.

    Chapters

    Transcript

     
    LanguageEnglish
    When I started Foliovision, my idea was that I wanted to create a company that I would like to work in, and also a company that I would like to be a client of.

    If you ask me how is Foliovision making the world a better place or how are we making the web work for you, I would say that we use all the open source and open standards so our products are not going to lock you inside of some box, like, in past we moved hundreds of websites out of restrictive content management system into Wordpress, into open source world. The secret is that we are doing things differently here. Our clients aren’t just numbers for us, because we are crafting something personal for each of them. And this really makes a difference. All of our clients have really great stories and they all deserve to be told so it’s up to me to find a way to tell them online. We start by finding something special about the client and then we turn this special thing into something that’s a part of every marketing campaign we do. We are a small and strong group of like-minded young professionals trying to achieve our company's goal, which is to make our clients happier and to make their daily life easier. Quick reactions are very important to our clients. That is why we make our services available at all times. What making the web work for you means to me is that whatever the level of technology our clients come to us with, we will make this sophisticated and ever-changing internet technology accessible to them. The part of my job is training clients to actually use their new websites, so I'm not just creating the websites for them, I also guide them through what the website does and how it works. We have a plugin tracking the number of post or website shares. Several social media channels have recently limited the access to this data so we had to adjust our plugin - and we were one of the first ones to accomplish this. With FV Player we are doing the cutting edge work, we haven’t seen some of our features in any other product, for example the way we improved the embedding for Youtube and Vimeo so that you can use all of our advanced features - I think that it’s pretty unique. Some of our clients actually like to be very involved on the technology side, but many of them, actually they’re just publishers, people who know a lot about cakes, or they’re people who know a lot about baseball, or soccer, or Middle Eastern politics, but they don’t know very much about how Internet technology works. But for all of them we’re able to make it possible for them to publish at the highest possible level with all the same tools that the sites like The New York Times, or the Guardian or any of these other huge sites enjoy.

    This is using the “Tabby Responsive Tabs” plugin shortcodes like this:

    [fvplayer id="19"]
    [tabby title="Chapters"]
    [fvplayer_chapters]
    [tabby title="Transcript"]
    [fvplayer_transcript]
    [tabbyending]

    You also have to use some additional CSS to make the transcript show without borders:

    /* Use your actual tab ID to avoid spacing around the transcript container */
    #tablist1-panel3 {
      padding: 0;
    }
    .tabcontent .fv_fp_transcript_wrapper {
      margin-bottom: 0;
    }
    .tabcontent .fv_fp_transcript_boxy, .fv_fp_transcript_light {
      box-shadow: unset;
    }
    .tabcontent .toggle_transcript_collapse {
      display: none;
    }
    .tabcontent .fv_fp_transcript_wrapper .fv_fp_transcript_search {
      width: calc(100% - 186px)
    }
    /* Disable dragging */
    .tabcontent .fv_fp_transcript_head {
      pointer-events: none;
    }
    .tabcontent .fv_fp_transcript_head input, .tabcontent .fv_fp_transcript_head button {
      pointer-events: auto;
    }

    The first rule is tricky as you have to use the actual ID of the tab which contains the transcript.

    The dragging is better to disable with WordPress filters, see the PHP code here: Interactive Video Transcript

    Reader Interactions

    Primary Sidebar

    FV Player Demos

    1. Why FV Player?
    2. FAQ
    3. Creating and Managing Playlists
    4. Advanced features
    5. Video Security
    6. Troubleshooting
    7. Tools
    8. Analytics
    9. Audio Player
    10. Live Streaming
    11. Download | Buy
    12. Getting Started
    13. Licensing and Account
    14. Setting Screens
    15. Video Hosting
    16. Video Membership, Pay Per View and eLearning
    17. Video Advertising
    18. FV Player VAST/VPAID
    19. Casting Options
    20. For Developers
    21. FV Player Demos
      1. Align Settings
      2. Alternative Sources
      3. Amazon CloudFront with Download Protection
      4. Amazon Drive
      5. Amazon S3 Open Bucket
      6. Amazon S3 Signed URLs
      7. Audio Tracks
      8. Autoplay
      9. B2 Cloud Storage
      10. Bunny Stream
      11. Bunny.net Hosting
      12. Caption
      13. Chapters and Transcript in tabs
      14. Cloudflare Stream
      15. Custom Frame in Background
      16. Custom logo on a 4:3 video
      17. Custom start and end time
      18. DRM Text
      19. Email Popup
      20. Encrypted HLS stream
      21. ExoClick Ads
      22. HLS Stream
      23. Horizontal Flip
      24. HTML Popup
      25. HTML Popup Form
      26. Iframe Embedding
      27. Interactive Transcript
      28. Interactive Transcript with Chapters
      29. KeyCDN Hosted Video
      30. Microsoft Azure
      31. Mobile Force Fullscreen
      32. Mobile Force Landscape Orientation
      33. Mobile Force Native Fullscreen
      34. Mobile Native Fullscreen
      35. MPEG-DASH
      36. Multiple Audio Tracks
      37. Multiple VAST ads in preroll and midroll
      38. Odysee Video
      39. Overlay Ads
      40. Panoramic Video
      41. Pay Per View
      42. Peer5 CDN Demo
      43. PeerTube
      44. Pitch Shifter
      45. Playback Speed
      46. Playlist Autoplay
      47. Playlist Repeat Button
      48. Playlist Styles
      49. Playlist Timeline Progress Markers
      50. Pre-roll Custom Video Ads
      51. Quality Switching
      52. Random auto-play for Vimeo Channel
      53. Random auto-play for YouTube + MP4 Playlists
      54. Redirect at the End of the video with autoplay
      55. Rewind and Forward Buttons
      56. Rumble Hosting And Live Streaming
      57. Scroll Autoplay
      58. Splash Image at the End
      59. Sticky Video
      60. Still Watching Prompt
      61. Subtitles
      62. User AB Loop
      63. VAST Ad with Autoplay
      64. VAST Ad with Silent Autoplay
      65. VAST Ads
      66. video intelligence Video Ads
      67. Video Linking
      68. Video Playlist with Durations
      69. Video Position Saving
      70. Viloud Support
      71. Vimeo Channel and Album Support
      72. Vimeo Integration
      73. VTT Chapters
      74. YouTube Autoplay
      75. YouTube Embedding
      76. YouTube Live Stream
      77. YouTube Playlist Support
      78. YouTube Subtitles
      79. YouTube VAST Autoplay
      80. Video Lightbox
    22. Additional Services
    23. Legal

    Footer

    Our Plugins

    • FV WordPress Flowplayer
    • FV Thoughtful Comments
    • FV Simpler SEO
    • FV Antispam
    • FV Gravatar Cache
    • FV Testimonials

    Free Tools

    • Pandoc Online
    • Article spinner
    • WordPress Password Finder
    • Delete LinkedIn Account
    • Responsive Design Calculator
    Foliovision logo
    All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
    • This Site Uses Cookies
    • Privacy Policy
    • Terms of Service
    • Site Map
    • Contact
    • Tel. ‭+421 2/5292 0086‬

    We are using cookies to give you the best experience on our website.

    You can find out more about which cookies we are using or switch them off in .

    Powered by  GDPR Cookie Compliance
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

    Necessary Cookies

    Strictly Necessary Cookie allow you to log in and download your software or post to forums.

    We use the WordPress login cookie and the session cookie.

    If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

    Support Cookies

    Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

    We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

    Please enable Strictly Necessary Cookies first so that we can save your preferences!

    3rd Party Cookies

    This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

    Keeping this cookie enabled helps us to improve our website.

    We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

    Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

    Please enable Strictly Necessary Cookies first so that we can save your preferences!