-
Hello there,
First off, really neat product! Keep up the good work!
I purchased my pro license yesterday and i’m just in the process of setting up the player.
I’ve managed to setup the player using the short-code [fvplayer id="1"] which works as expected (link redacted)
I’m in the process of building out my player using custom fields from to supply the src, transcript, chapter and all the other fields required for the player to fully work.
I’m trying to build the player before connecting the fields, so i’m developing this shortcode: [fvplayer splash=".../file/working-with-tables-2.jpg?r=pad" src=".../file/working-with-tables-2.mp4" src1=".../file/working-with-tables-2.webm" src2=".../file/working-with-tables-2.ogv" width="100%" height="100%" autoplay="true" speed="buttons" chapters="..../wp-content/uploads/2019/01/Carcip-Tables_otter.ai_.vtt" subtitles=".../wp-content/uploads/2019/01/Carcip-Tables_otter.ai_.vtt" transcript="..../wp-content/uploads/2019/01/Carcip-Tables_otter.ai_.vtt" transcript="auto" redirect="/"]
The short-code above renders like this: (link redacted)
However, I’m having two main issues so far:
1) The transcript box in the short-code i’m building doesn’t have the controls to search, move to next search results and it doesn’t seem to have a specific height for the div like the first link.
2) The transcription box in the first link by default is placed below the video player. I’d like to re-position it to the right of the video player as this player example: (link redacted)
Can you kindly advise on the issues above?
Regards,
Kendell
-
-
Hello Kendel,
in your shortcode you are using both transcript=”https://www.clevered.org/wp-content/uploads/2019/01/Carcip-Tables_otter.ai_.vtt” and transcript=”auto” at once, that must be the reason of the issue here. Please try to only provide that VTT path and omit transcript=”auto” as that option works with Vimeo only.
To put the transcript next to the player you would have to use a CSS like this:
.flowplayer + .fv_fp_transcript_wrapper { width: 32%; float: left; margin-left: 1em; } .flowplayer { width: 66%; float: left; }I see that if we would wrap FV Player in a div together with the transcript it would make this easier.
Thanks!
Martin
Thanks for clearing things up abit.
I’ve played around with the css you provided and manged to get the transcript on the right of the player.
However, when using the
transcript=""
tag in the player shortcode i’m able to get the search and search results navigation buttons showing. I am not able to get time-stamps to go with the words of the transcript. Can the transcript tag handle that functionality?
Regards,
Kendell
Hello Kendell,
please post the link to your VTT file which you use with that transcript argument. Are you sure it’s a valid VTT file?
Thanks,
Martin
Hello,
Here’s the link to the file:
www.clevered.org/wp-content/uploads/2019/01/Carcip-Tables_otter.ai_.vtt
It seems to be valid.
Kindly advise,
Regards,
Kendell
Hello Kendell,
I tried using that VTT file and I didn’t had any issues. The transcript did follow my position in the video and clicking the transcript lines did go to the right place in the video too. No issues with search either.
Thanks,
Martin
Hi Martin,
Thanks for your reply.
The transcript for the video works as you mentioned, what i’m not able to get working is the timestamp (Kindly see picture in the link below)
https://www.dropbox.com/s/vrswjnlai9ss3ks/timestamps.PNG?dl=0
Hello Kendell,
these timestamps show up for the chapters feature which is something else: https://foliovision.com/player/basic-setup/vtt-chapters
Thanks,
Martin
Thanks Martin,
Just to confirm. The chapters itself doesn’t have the option to search like the transcript?
Regards,
Kendell
Hi Kendell!
No as the purpose here is different. People click to desired chapter where they want to get in video.
Thanks,
Lucia
