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

Foliovision

Making the web work for you

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
      • Configuration
      • User guide
      • Downgrading
      • Changelog
    • FAQ
    • Support
      • Free Support
      • Pro Support
    • PRO

    Interactive Video Transcript

    If you are looking for quick help, skip to a desired topic on this page:

    • How the Interactive Video Transcript works
    • How to use the Interactive Video Transcript
      • Formatting
      • Appearance
    • Example

    Interactive Video Transcript uses an attached VTT file (usually subtitles) to generate a transcript in a box below the video. The text will follow the playback of the video, highlighting the current line, while allowing users to skip to any point in the video by clicking on individual lines in the transcript. This feature is available only for the users of FV Player Pro.

    How the Interactive Video Transcript Works

    The main function of this feature is to highlight the current line in the VTT file. If you simultaneously use the same file as subtitles, you can see that the highlighted transcript line will match the one currently shown in the video. 

    screen2

    When the Autoscroll function is active (as in the picture above), the text box will automatically scroll down as the video continues, always showing the active line in the top row. This can be turned off when the user wants to scroll through the transcript and let the video play.

    The transcript display can be turned on and off with this button:


    Interactive transcript button

    The transcript box can be dragged around by left-clicking the top of the box and dragging it to wherever you want it, then releasing the mouse button:


    Moving the transcript box

    The transcript box can be resized by clicking the lower right corner of the box and dragging it:

    The transcription box will stay on top of the video  in full screen:

    Transcript box in full screen mode

    Another important function is the Search bar. Not only will it find the searched phrase, but it will allow the user to jump through the lines which include it by using the ‘< >‘ buttons. Jumping to a particular line will also make the video jump to the exact point in the timeline. (this can also be achieved by clicking on any line in the transcript).

    Note: The transcript text is also a part of the page HTML code. This means a great boost for website rankings in search engines. 

    How to Set Up the Interactive Video Transcript

    Interactive Video Transcript is currently compatible with VTT files and also with all Vimeo hosted videos (even private ones) that include captions.

    To use it with a VTT file, you can either insert the path to the .vtt file into the Transcript field of the shortcode editor, as you can see in the screenshot below, or you can write .transcript=”url-of-the-file.vtt” directly into the shortcode.

    Inserting a .vtt file into the shortcode editor

    Example shortcode (notice that the same file can be used both for transcripts and for video subtitles):

    [fvplayer src="https://cdn.foliovision.com/images/2016/10/SampleVideo_1280x720_10mb.mp4" width="1280" height="720" transcript="https://cdn.foliovision.com/images/2016/10/subtitles-lorem-ipsum.vtt" subtitles="https://cdn.foliovision.com/images/2016/10/subtitles-lorem-ipsum.vtt"]

    To use the feature with Vimeo is even easier. Just add a line transcript=”auto” into the shortcode, or write auto into the field for uploading transcript in the shortcode editor: 


    Activating Vimeo transcripts

    Formatting

    Under the Transcript field in each video, there is the option to Preserve original formatting.

    If you leave this field unchecked, the FV Player Pro will format the VTT subtitles automatically to make them look like paragraphs of text:


    Video Transcript with the “Preserve original formatting” option off

    New paragraph is automatically started every time there is:

    • 2 second (or more) pause between two subtitle lines
    • an empty subtitle pause

    If you enable the option, the automatic formatting will not interfere with the way the file was originally written. Therefore, each subtitle line will be a separate line in the transcript too. This comes in handy especially for dialogues, as you can see below:


    Video transcript with the “Preserve original formatting” option on

     

    appearance

    You can customize the appearance of your Interactive Video Transcript. In order to access these settings, go to Settings -> FV Player Pro -> Setup -> Video Transcript

    Hidden by default makes the transcript hidden until the viewer turns it on via the control bar.

    Separate subtitle disabling makes it possible to show both the transcript and the subtitles at the same time. 

    The drop-down menu in Transcript Theme setting gives you three themes to choose from:


    Light theme (default)

    Dark theme

    Boxy theme

    Example

    Take a look on an example video hosted on Vimeo with the automatic transcript. Here is the shortcode:

    [fvplayer src="https://vimeo.com/150185992" transcript="auto" splash="https://i.vimeocdn.com/video/549595739_1280.jpg" caption="Teaser:  &quot;Paillard Bolex&quot; (English subtitles)"]
    Teaser: "Paillard Bolex" (English subtitles)
    Link

    Teaser: "Paillard Bolex" (English subtitles)

    Error loading transcript. Please try again in a minute. No transcript found
    Share2
    Tweet
    Share
    2 Shares

    Reader Interactions

    Primary Sidebar

    Advanced

    1. Download | Buy
    2. Basic Setup
    3. FV Player Demos
    4. Advanced
      1. How to use FV Player Database
      2. How to use FV Player Widget
      3. Integrations/Compatibility Options
      4. Setting up Video Custom Fields
      5. Timeline Previews
      6. Using Google Universal Analytics with FV Player
      7. Using Google Analytics 4 with FV Player
      8. Using Matomo Analytics with FV Player
      9. AB Loop Function
      10. How to Use Subtitles
      11. How to Use Multiple Audio Tracks with FV Player
      12. Interactive Video Transcript
      13. Using LearnDash And Video Progression with FV Player
      14. How to Use Custom Start/End Time
      15. Optimizing FV Player Loading
      16. Sticky Video
      17. CSS Tips and Fixes
      18. Using FV Player with Minify Plugins
      19. How to use built-in S3 browser
      20. How to Use the Speed Buttons
      21. Using FV Player with Chromecast
      22. Using FV Player with Sub-domains and Multi-Domains
      23. FV Player Profile Videos
      24. Video Downloading With Simple History Support
      25. Email Subscription Form Pop-ups
      26. How to create membership site with RCP and FV Player
      27. Using FV Player With AMP
      28. How To Use The Shortcode Conversion tool
      29. Popular Membership Plugins Compatible with FV Player
      30. Staging Sites For Developers
      31. Programmer's Guide
      32. Changelog
      33. Incompatible Plugins and Scripts
    5. Video Hosting
    6. Securing Your Video
    7. Ads
    8. VAST/VPAID Ads
    9. Additional Services
    10. Legal
    11. Settings
    12. FV Player Pay Per View

    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 © 2022 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. +1 518 412 4600

    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 settings.

    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!