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

Foliovision

  • 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

       
      LanguageEnglishSlovenčinaEnglish
      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.
      Keď som zakladal Foliovision, chcel som vytvoriť firmu v ktorej by som sám chcel pracovať, a tiež firmu, ktorej zákazníkom by som chcel byť. Ak sa ma opýtate ako Foliovision robí svet lepším miestom, alebo ako plníme naše heslo Making the web work for you, povedal by som, že používame otvorený softvér a otvorené štandardy, takže vás naše produkty nezamknú v akýchsi rámcoch. V minulosti sme presunuli stovky webových stránok z reštriktívnych redakčných systémov do Wordpressu, do sveta otvorených projektov. Tajomstvo tkvie v tom, že my robíme veci inak. Naši zákazníci nie sú pre nás len číslami, pretože tvoríme niečo osobné pre každého z nich. A tento fakt robí naozaj rozdiel. Všetci naši zákazníci majú skvelé príbehy ktoré si zaslúžia byť vyrozprávané, a mojou úlohou je nájsť spôsob ako ich povedať online. Vždy začneme hľadaním niečoho špeciálneho o danom zákazníkovi, a túto špeciálnu vlastnosť následne premeníme na niečo, čo je súčasťou každej marketingovej kampane, ktorú tvoríme.
      Making the web work for you pre mňa znamená, že keď k nám prídu zákazníci s akoukoľvek úrovňou technológie,
      my zabezpečíme, aby bola pre nich táto neustále sa meniaca internetová technológia prístupná a ľahko používateľná. Súčasťou mojej práce je zaškolenie zákazníkov, aby vedeli používať ich novovytvorené webové stránky, čiže pre nich nielen vytváram webové stránky, ale tiež ich sprevádzam tým, čo webová stránka robí a ako funguje.
      S FV Playerom robíme prelomovú prácu, niektoré z našich funkcií sme nevideli
      pri žiadnom inom produkte, napríklad spôsob akým sme vylepšili vkladanie pre Youtube a Vimeo, vďaka ktorému možno využívať všetky naše pokročilé funkcie - je myslím naozaj výnimočný. Niektorí z našich zákazníkov sú skutočne radi súčasťou technologickej časti našich projektov, no mnohí z nich sú len vydavatelia. Sú to ľudia ktorí vedia veľa o zákuskoch, alebo sú to ľudia ktorí vedia veľa o baseballe, o futbale, o politike Stredného východu, no nevedia veľa o tom, ako fungujú internetové technológie. Ale pre všetky tieto skupiny vieme zabezpečiť publikovanie na najvyššej možnej úrovni s rovnakými nástrojmi, aké majú k dispozícii The New York Times alebo Guardian, alebo akékoľvek ďalšie veľké stránky.
      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

      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. LMS | Teaching
        31. Microsoft Azure
        32. Mobile Force Fullscreen
        33. Mobile Force Landscape Orientation
        34. Mobile Force Native Fullscreen
        35. Mobile Native Fullscreen
        36. MPEG-DASH
        37. Multiple Audio Tracks
        38. Multiple VAST ads in preroll and midroll
        39. Odysee Video
        40. Open Graph and X Cards
        41. Overlay Ads
        42. Panoramic Video
        43. Pay Per View
        44. PeerTube
        45. Pitch Shifter
        46. Playback Speed
        47. Playlist Autoplay
        48. Playlist Repeat Button
        49. Playlist Styles
        50. Playlist Styles on Wide Page
        51. Playlist Timeline Progress Markers
        52. Pre-roll Custom Video Ads
        53. Quality Switching
        54. Random auto-play for Vimeo Channel
        55. Random auto-play for YouTube + MP4 Playlists
        56. Redirect at the End of the video with autoplay
        57. Rewind and Forward Buttons
        58. Rumble Hosting And Live Streaming
        59. Scroll Autoplay
        60. Snap Scrolling Container
        61. Splash Image at the End
        62. Sticky Video
        63. Still Watching Prompt
        64. Subtitles
        65. User AB Loop
        66. VAST Ad with Autoplay
        67. VAST Ad with Silent Autoplay
        68. VAST Ads
        69. video intelligence Video Ads
        70. Video Linking
        71. Video Playlist with Durations
        72. Video Position Saving
        73. Viloud Support
        74. Vimeo Channel and Album Support
        75. Vimeo Integration
        76. VTT Chapters
        77. YouTube Autoplay
        78. YouTube Embedding
        79. YouTube Live Stream
        80. YouTube Playlist Support
        81. YouTube Subtitles
        82. YouTube VAST Autoplay
        83. 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 © 2026 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‬