- Synopsis
- Chapters
- Transcript
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
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
