• 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

Timeline disappears for sticky video

[Solved]

Foliovision › Forums › FV Player › Bug Reports › Timeline disappears for sticky video

  • naoki j. 4 years, 6 months ago

    hello,
    I am using FV player Pro, with Youtube Video,

    When the video goes to sticky mode,
    you can see the timeline,
    And once you click the point what yo want to see,
    The time line disappear.

    so far, it’s good.

    but after this, if I move mouse pointer on the video screen,
    the video goas and back as the mouse pointer goas and back(left and right).

    Is it normal or bug?

    How can I fix it and,
    I want always timeline to be displayed when it is sticky,
    Can I do that?

Viewing 18 replies - 1 through 18 (of 18 total)
  • naoki j. 5 years ago

    This is the video how it goes.

    https://drive.google.com/file/d/1dt5JlCkGHc73wV0HsKL8U1et5O8AeieQ/view?usp=sharing

    naoki j. 5 years ago

    while I am moving the pointer, I don’t hold left click button.
    After once click on the timeline, it goes like this.

    Mária Stašová 5 years ago
    Avatar photo

    Hello Naoki,

    Thanks for reaching out to us!

    I tried to recreate the problem, but was unable to. It seems to be a plugin conflict. Please, send us the contents of Settings -> FV Player Pro -> Tools -> System Info.

    Making the web work for you,
    Maria

    naoki j. 5 years ago

    Thank you
    this is the info

    ( System Info removed )
    Mária Stašová 5 years ago
    Avatar photo

    Hello Naoki,

    I don’t see anything suspicious in your system info.

    I tested out your theme (Astra) too, and it is not the cause either.

    Please, try testing it with a plain MP4. Fro example this one: cdn.foliovision.com/images/2021/05/160820-255-Outoffocuscarlights7-540P-11.mp4

    Let us know, how it went.

    Thanks,
    Maria

    naoki j. 5 years ago

    with that MP4, the issue has not occurred.

    While video is playing,
    When I click the time line, the Video stops at that point.

    Is it normal behavior
    I expected keep playing when I click the timeline.

    Anyway, my video problem have not been solved.

    But It looks If AB loop was on When it is sticky,
    We can see always the time line bar, and the problem doesn’t happen.

    For now to prevent this problem,
    Are there any way always AB loop to be on?
    even if it were sticky.

    naoki j. 5 years ago

    this is video you can see the problem

    https://school.naoki-jo.com/lessons/tab_video-%e5%a4%95%e7%84%bc%e5%b0%8f%e7%84%bc/

    I have one more question.

    For the first time, if I want to start the Video,
    I can click anywhere on the screen and the Video starts.

    That’s OK,

    But I f I want to stop the Video,
    I need to click the stop button in the bottom area.
    and If I want to restart the Video, I need to click the play button in the bottom area,

    I expected all play and stop to be reacted by clicking anywhere on the screen even if it were not for the first time.

    Is this normal function?

    naoki j. 5 years ago

    Or It’s OK,
    if the time line always show when it is sticky.

    Can I do that?

    Martin 5 years ago

    Hello Naoki,

    I tried you test page now and this time I did run into the issues with the timeline.

    It seems that anytime I click the timeline our code starts to think that I’m dragging the position marker and it all gets very weird.

    I can see the issue where clicking the video on your website will not pause it. It shouldn’t be like that either.

    It seems you are using something to add this code into FV Player:

    <div class="fp-player"><div class="start_video_link"><h5>楽譜動画再生位置ジャンプにはまだ対応していません。</h5><p></p></div></div>
    

    It seems that’s the actual reason for these bugs.

    Thanks,
    Martin

    naoki j. 5 years ago

    thank you Martin,

    there are 2 issues I want to fix.

    1,sticky mode play problem
    2,click and play problem(when it is not sticky mode)

    It seems the issue 2 is caused by the code you mentioned,
    I took that code, and the issue 2
    was solved.

    Please check this page.

    Page1
    without the code you mentioned.
    https://staging-schoolnaokijocom.kinsta.cloud/lessons/%e3%81%9e%e3%81%86%e3%81%95%e3%82%93-tab_video_%e5%85%ac%e9%96%8b%e8%b3%aa%e5%95%8f/

    Page2
    this is the page with code you mentioned.
    https://staging-schoolnaokijocom.kinsta.cloud/lessons/%e3%81%86%e3%81%bf-tab_video_%e5%85%ac%e9%96%8b%e8%b3%aa%e5%95%8f/

    But, the issue 1 still remain without the code you mentioned.
    when it is sticky mode,
    click the timeline and move pointer left and right on the screen or on the bottom player bar area, then Video goes back and forward.

    and you can see at Page 2, I can’t play and stop the video on the anywhere on the screen though(this is problem), I can play and stop by clicking the top 5% of The video screen area(video header area).

    And the code I added is this.

    https://foliovision.com/support/fv-wordpress-flowplayer/how-to/can-i-display-video-linking-around-the-video-player-when-it-goes-to-sticky

    AS the solution of problem 1,
    I guess the problem doesn’t happen as long as the time line is displayed.
    So, when it is sticky mode, I want always to display timeline bar.
    Is that possible?

    To fix the problem 2,
    Actually, I need that code you mentioned, I can’t delete it,
    Are there any way to solve this problem somehow?

    I can give you my staging site’s access if you can check my site,
    In that case, let me know your email address or email me please.

    naoki j. 5 years ago

    About the issue 2,
    I rename the class from <div class=”start_video_link”> to another name
    like <div class=”start_video_link2″>,

    It looks working well for the isseu2

    Does it matter for other player or anything?

    But still remains the issue 1.

    Martin 5 years ago

    Hello Naoki,

    thank you for posting these detailed notes.

    I see you renamed the class on your custom element from fp-player to fp-player2. That helped the video pausing issue as you noted.

    I see the issue with timeline is still there. Does it go away if you remove the code mentioned in https://foliovision.com/support/fv-wordpress-flowplayer/how-to/can-i-display-video-linking-around-the-video-player-when-it-goes-to-sticky ?

    Does it go away if you change the theme to some WordPress default such as Twenty Twenty One?

    Please let us know.

    Thanks,
    Martin

    naoki j. 5 years ago

    Hello thank you,
    first of all, I would like to confirm if it is problem or not that
    I changed the class form fp-player to fp-player2.

    Is it OK? Does it effect other function of FV-player?

    I have checked another theme, storefront.

    This theme is installed by wordpress theme page,
    so 100% pure theme and no code added at function.php.
    it means, change themes and no code added for Fv-player,
    but I still have timeline problem, It’s same as astra theme.

    I have also checked
    delete added css for fv-player.
    But still have the timeline problem.

    These pages below are three patterns of pages with FV-player.
    The theme is Astra.

    Leandash page with FV player without the code
    https://staging-schoolnaokijocom.kinsta.cloud/lessons/%e3%81%9e%e3%81%86%e3%81%95%e3%82%93-tab_video_%e5%85%ac%e9%96%8b%e8%b3%aa%e5%95%8f/

    normal post page with FV-player
    https://staging-schoolnaokijocom.kinsta.cloud/2021/08/11/test-2/

    Leandash page with FV player with the code
    https://staging-schoolnaokijocom.kinsta.cloud/lessons/%e3%81%86%e3%81%bf-tab_video_%e5%85%ac%e9%96%8b%e8%b3%aa%e5%95%8f/

    Martin 5 years ago

    Hello Naoki,

    thank you for posting these links. I created a local copy of https://staging-schoolnaokijocom.kinsta.cloud/2021/08/11/test-2/ HTML code and worked on that. I found the issue is caused by one of the CSS files.

    It’s actually one of the core WordPress CSS files: wp-includes/css/dist/block-editor/style.min.css

    We haven’t run into any compatibility issue with Gutenberg like this yet. What block is it posted with? Please try using the FV Player or Shortcode block.

    We will look deeper into that CSS file too.

    Thanks,
    Martin

    naoki j. 5 years ago

    Hello thank you for your work.
    I added my edit screen capture.

    I add FV player by FV player block.

    I only use it.

    I use gutenberg editor, nothing special.
    I added few block plugins though.

    You can check my plugins from system info that I wrote one week ago in this session.

    editor
    editor
    naoki j. 4 years ago

    Any news?

    Martin 4 years ago

    Hello Naoki,

    I found that Gutenberg is adding some styling for the “is-dragging” CSS class. I was not able to reproduce the issue though.

    But please reinstall FV Player from this link: https://github.com/foliovision/fv-wordpress-flowplayer/archive/master.zip

    To do that you will have to first deactivate and delete the current FV Player plugin you are using. WordPress will warn you that you might loose settings and data, but it’s not the case with our plugin, no settings now videos will be lost. Or you can just replace the plugin files via FTP.

    I set our player to use a different class for the timeline dragging, so it should no longer disappear.

    Thanks,
    Martin

    naoki j. 4 years ago

    hello

    It’s solved!

    Thank you for your work!

Viewing 18 replies - 1 through 18 (of 18 total)
Reply To: Timeline disappears for sticky video



Please Sign in or Register to upload files.

Related Posts

  1. Sticky Video

  2. Sticky Video

  3. Can I display Video Linking around the Video player when it goes to “sticky”

    Can I display Video Linking around the Video player when it goes to “sticky”

Primary Sidebar

Bug Reports

    Categories

    • Business
    • Camera Reviews
    • Case Studies
    • Design
    • FV Player
    • Internet Marketing
    • IT
    • Life
    • SEO
    • Slovak
    • Video of the Week
    • WordPress

    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‬