Foliovision › Forums › FV Player › Bug Reports › Timeline disappears for sticky video
-
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?
-
-
This is the video how it goes.
https://drive.google.com/file/d/1dt5JlCkGHc73wV0HsKL8U1et5O8AeieQ/view?usp=sharing
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,
Mariawith 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.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?
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,
Martinthank 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.
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.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,
MartinHello 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/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,
MartinHello 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.
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