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
Thank you
this is the info### Begin System Info ### ## Please include this information when posting support requests ## Multisite: No SITE_URL: https://school.naoki-jo.com HOME_URL: https://school.naoki-jo.com Plugin URL: https://school.naoki-jo.com/wp-content/plugins/fv-wordpress-flowplayer FV Player version: 7.5.2.727 FV Player core version: 7.2.7.2 FV Player license: Valid (next check 2021-08-05 03:52:10 GMT) FV Player Pro version: 7.5.2.727 FV Player Pro license: Valid (next check 2021-08-05 03:52:09 GMT) WordPress Version: 5.8 Permalink Structure: /%year%/%monthnum%/%day%/%postname%/ Active Theme: Astra Child 1.0.0 Browser: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 PHP Version: 7.3.29-1+ubuntu20.04.1+deb.sury.org+1 MySQL Version: 5.5.5 Web Server Info: nginx/1.21.1 WordPress Memory Limit: 40M PHP Memory Limit: 256M PHP Upload Max Size: 128M PHP Post Max Size: 128M PHP Upload Max Filesize: 128M PHP Time Limit: 300 PHP Max Input Vars: 10000 PHP Arg Separator: & PHP Allow URL File Open: Yes WP_DEBUG: Enabled DISPLAY ERRORS: On (1) cURL: Your server supports cURL. ACTIVE PLUGINS: Admin Menu Editor: 1.9.10 Advanced Custom Fields: 5.9.9 Advanced Database Cleaner: 3.0.3 Advanced Product Fields for WooCommerce: 1.3.9 Appointment_for_NJ_school: 1.0.0 Astra Bulk Edit: 1.2.6 Astra Customizer Reset: 1.0.4 Astra Pro: 3.5.7 Astra Widgets: 1.2.9 AutomateWoo: 5.4.2 Basic User Avatars: 1.0.6 CB Change Mail Sender: 1.2.2 Colorlib Login Customizer: 1.3.0 Conditional Fields for Contact Form 7: 2.0.4 Contact Form 7: 5.4.2 Content Control: 1.1.8 Custom Adobe Fonts (Typekit): 1.0.18 Custom Fonts: 1.3.2 Customizer Search: 1.1.6 Date and Time Picker by Input WP: 2.0 Direct Checkout for WooCommerce: 2.4.8 Favorite Content for LearnDash: 1.0.2 Folders: 2.7.1 FV Player: 7.5.2.727 FV Player Pro: 7.5.2.727 Gutentor - Gutenberg Blocks - Page Builder for Gutenberg Editor: 3.1.4 Hide Categories Or Products On Shop Page: 1.0.3 If Menu - Visibility control for menu items: 0.16.2 Import / Export Customizer Settings: 1.0.4 LearnDash Content Cloner: 1.2.9.3 LearnDash LMS: 3.4.2.1 LearnDash LMS - Course Grid: 1.7.0 LearnDash LMS - Paid Memberships Pro: 1.3.1 LearnDash LMS - ProPanel: 2.1.4.1 LearnDash LMS - WooCommerce Integration: 1.9.2 Loco Translate: 2.5.3 Login/Signup Popup: 2.1 Mailchimp for WooCommerce: 2.5.1 Notes for LearnDash: 1.6.7.2 Order Status History for WooCommerce: 1.6.1 Paid Memberships Pro: 2.5.10.2 Paid Memberships Pro - WooCommerce Add On: 1.7.2 PDF Embedder Premium Secure: 4.4.5 PostX - Gutenberg Post Grid Blocks: 2.4.7 Private Sessions for LearnDash: 1.3.8.2 private_message_add_on: 1.0.0 Sidebar Manager: 1.1.7 Side Cart WooCommerce: 2.1 Simple Lightbox: 2.8.1 Starter Templates: 2.6.19 TablePress: 1.14 Tooltips: 7.6.1 Ultimate Addons for Gutenberg: 1.24.1 Under Construction: 3.89 User Role Editor: 4.60.1 Visual Customizer for LearnDash: 2.3.7.5 WaterWoo PDF Premium: 3.3.3-beta2 Wonder 3D Carousel Trial: 4.2 WooCommerce: 5.5.2 WooCommerce Direct Checkout PRO: 2.4.0 WooCommerce Product Table PRO: 2.2.0 WooCommerce Smart Coupons: 4.25.1 WooCommerce Stripe Gateway: 5.3.0 WooCommerce Subscriptions: 3.1.4 Woo Custom Emails Per Product: 2.2.9 WordPress Backup & Security Plugin - BlogVault: 4.63 WordPress Responsive CSS3 Pricing Tables: 2.3 WP Multibyte Patch: 2.9 WPS Hide Login: 1.8.5 WP SVG Icons: 3.2.3 YellowPencil: 7.5.0 YITH WooCommerce Product Bundles: 1.2.11 Yoast Duplicate Post: 4.1.2 SETTINGS Array ( [nag_fv_player_7] => 1 [notice_new_lightbox] => 1 [notice_db] => 1 [notice_xml_sitemap_iframes] => 1 [autoplay] => false [googleanalytics] => [chromecast] => true [key] => (redacted) [logo] => [rtmp] => [auto_buffering] => false [disableembedding] => true [disablesharing] => true [disable_video_hash_links] => false [popupbox] => false [allowfullscreen] => false [allowuploads] => true [postthumbnail] => false [tgt] => backgroundcolor [backgroundColor] => #333333 [canvas] => #000000 [sliderColor] => #ffffff [durationColor] => #eeeeee [timeColor] => #eeeeee [progressColor] => #bb0000 [bufferColor] => #eeeeee [timelineColor] => #666666 [borderColor] => #666666 [hasBorder] => false [adTextColor] => #888888 [adLinksColor] => #ff3333 [subtitleBgColor] => rgba(0,0,0,0.50) [subtitleSize] => 16 [playlistBgColor] => #808080 [playlistFontColor] => # [playlistSelectedColor] => #bb0000 [logoPosition] => bottom-left [parse_commas] => false [width] => 100% [height] => 100% [engine] => false [font-face] => Tahoma, Geneva, sans-serif [ad] => [ad_width] => 0 [ad_height] => 0 [ad_css] => .wpfp_custom_ad { position: absolute; bottom: 10%; z-index: 20; width: 100%; } .wpfp_custom_ad_content { background: white; margin: 0 auto; position: relative } [ad_show_after] => 0 [disable_videochecker] => false [interface] => Array ( [ads] => true [align] => true [autoplay] => true [controlbar] => true [embed] => true [mobile] => true [playlist_advance] => true [playlist] => true [playlist_captions] => true [share] => true [speed] => true [splash_text] => true [sticky] => true [synopsis] => true [end_actions] => true [lightbox] => true [ab] => true [popup] => true ) [amazon_bucket] => Array ( [0] => ) [amazon_key] => (redacted, 1) [amazon_secret] => (redacted, 1) [amazon_region] => Array ( [0] => ) [amazon_expire] => 5 [amazon_expire_force] => false [fixed_size] => false [js-everywhere] => false [marginBottom] => 28 [ui_play_button] => true [volume] => 0.7 [player-position] => [playlist_advance] => false [sharing_email_text] => Check out the amazing video here [liststyle] => horizontal [ui_speed_increment] => 0.1 [popups_default] => no [email_lists] => Array ( [#fv_list_dummy_key#] => Array ( [title] => [description] => [first_name] => 0 [last_name] => 0 [disabled] => 0 ) [0] => Array ( [title] => [description] => [first_name] => 0 [last_name] => 0 [disabled] => 0 ) [1] => Array ( [title] => Subscribe to list one [description] => Two good reasons to subscribe right now [first_name] => 1 [last_name] => 0 [disabled] => 0 ) ) [sticky_video] => true [sticky_place] => right-bottom [sticky_width] => 500 [playlist-design] => 2017 [skin-slim] => Array ( [progressColor] => #bb0000 [accent] => #4682B4 ) [skin-youtuby] => Array ( [progressColor] => #bb0000 [accent] => #4682B4 ) [skin-custom] => Array ( [hasBorder] => false [bottom-fs] => false [borderColor] => #666666 [marginBottom] => [bufferColor] => #eeeeee [canvas] => #000000 [backgroundColor] => rgba(51,51,51,1.00) [font-face] => Tahoma, Geneva, sans-serif [player-position] => [progressColor] => #bb0000 [timeColor] => #eeeeee [durationColor] => #eeeeee [design-timeline] => fp-full [design-icons] => [accent] => #4682B4 ) [skin] => slim [hlsjs] => true [lightbox_images] => false [lightbox_improve_galleries] => false [mailchimp_api] => [mailchimp_list] => [mailchimp_label] => Subscribe for updates [version] => 7.5.2.727 [css_writeout-https-school-naoki-jo-com] => 1628049124 [video_checker_agreement] => true [video_model_db_checked] => 7.5.2.727 [video_meta_model_db_checked] => 7.5.2.727 [player_model_db_checked] => 7.5.2.727 [pro] => Array ( [quality] => , [transcript_theme] => light [video_ads_default] => no [video_ads_postroll_default] => no [video_ads_skip] => 5 [video_ads_skip_minimum] => 10 [watching_prompt_msg] => Are you still watching? [interface] => Array ( [chapters] => true [copy_text] => true [hflip] => true ) [autoplay_once] => false [start_end] => false [autoplay_scroll] => false [autoplay_scroll_enhanced] => false [ab_loop] => true [vimeo_debug] => false [copy_text] => false [display_preset] => flash [copy_text_time] => 5 [watching_prompt] => false [watching_prompt_interval] => 1 [transcript_hidden] => false [separate_subtitle_disabling] => false [download_template] => %caption% [download_no_right_click] => false [stream_loader_on] => false [stream_loader_speed_up] => false [vimeo] => false [yt_logo] => false [youtube_ads_disable] => false [youtube_key] => [amazon_s3] => false [cf_domain] => [cf_key_id] => [cf_pk] => [bunnycdn_domain] => [bunnycdn_secure_token] => (redacted) [cloudflare_domain] => [cloudflare_secure_token] => (redacted) [keycdn_domain] => [keycdn_secure_token] => (redacted) [stackpath_domain] => [stackpath_secure_token] => (redacted) [ads_exoclick_zone] => [ads_exoclick_login] => [ads_exoclick_cat] => [ads_exoclick_site] => [video_ads_between_vids] => false [video_ads_once] => false [video_ads] => Array ( ) [copy_text_ip] => true [copy_text_email] => true [copy_text_name] => true [copy_text_site] => true [copy_text_date] => true [copy_text_opacity] => 0.3 [cf_ips_cron] => false [chromecast_enc_hls] => false ) [show_controlbar] => true [hd_streaming] => false [matomo_domain] => [matomo_site_id] => [multiple_playback] => false [ui_no_picture_button] => false [ui_repeat_button] => false [ui_rewind_button] => true [ui_speed] => true [splash] => [subtitleOn] => false [video_position_save_enable] => false [integrations] => Array ( [featured_img] => false [wp_core_video] => false [facebook_sharing] => false [schema_org] => false ) [css_disable] => false [profile_videos_enable_bio] => false [parse_comments] => false [db_duration] => false [lightbox_force] => false [mobile_native_fullscreen] => false [mobile_force_fullscreen] => false [mobile_alternative_fullscreen] => false [mobile_landscape_fullscreen] => false [video_sitemap] => false [video_sitemap_meta] => naoki-jo-school [playlistFontColor-proxy] => # [customCSS] => /* 右下stickyの時のマージン設定 */ div.fp-player.is-sticky-right-bottom { margin-bottom:30px; margin-right:20px; } /* 右下stickyの時のリンク表示設定functionに実際のhtml表示の記述 */ .fp-player.is-sticky-right-bottom{ display: block; } div.fp-player.is-sticky-right-bottom .start_video_link { background: #f2fafd; width: 500px; height: 80px; padding: .5em 1em; position: absolute; left: -180px; top: -10px; } /* 通常状態のビデオリンク表示設定 */ .start_video_link { background: #f2fafd; width: inherit; height: 80px; padding: .5em 1em; display: block; position: absolute; top: -100px; } .start_video_link h5 { font-size: 10px; } /* 通常状態のビデオリンク表示設定、動かした分、マージン確保 */ .wp-block-fv-player-gutenberg-basic { margin-top: 90px; } /* ABボタン押した時のtips非表示 */ .fvfp-notices { visibility: hidden; } [subtitleFontFace] => inherit [fv-wp-flowplayer-submit] => SaveAllChanges [s3_browser] => false [digitalocean_spaces] => Array ( [space] => [endpoint] => [key] => [secret] => ) [vi_login] => [vi_pass] => [player_meta_model_db_checked] => 7.5.2.727 [fv_player_admin_pro_quality_alive] => 1 [fv_player_admin_pro_video_ads_alive] => 1 [notice_7_5] => true [video_stats_enable] => false [js-optimize] => false ) DATABASE CREATE TABLE `wp20210510165513_fv_player_players` ( `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `player_name` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `player_slug` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `videos` text COLLATE utf8mb4_unicode_520_ci NOT NULL, `ab` varchar(3) COLLATE utf8mb4_unicode_520_ci NOT NULL, `ad` text COLLATE utf8mb4_unicode_520_ci NOT NULL, `ad_height` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `ad_width` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `ad_skip` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `align` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `author` bigint(20) unsigned NOT NULL DEFAULT 0, `autoplay` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `controlbar` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `copy_text` varchar(120) COLLATE utf8mb4_unicode_520_ci NOT NULL, `changed_by` bigint(20) unsigned NOT NULL DEFAULT 0, `date_created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00', `date_modified` datetime NOT NULL DEFAULT '0000-00-00 00:00:00', `embed` varchar(12) COLLATE utf8mb4_unicode_520_ci NOT NULL, `end_actions` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL, `end_action_value` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `height` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `hflip` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `lightbox` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `lightbox_caption` varchar(120) COLLATE utf8mb4_unicode_520_ci NOT NULL, `lightbox_height` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `lightbox_width` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `playlist` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL, `playlist_advance` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `qsel` varchar(25) COLLATE utf8mb4_unicode_520_ci NOT NULL, `share` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `share_title` varchar(120) COLLATE utf8mb4_unicode_520_ci NOT NULL, `share_url` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `speed` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `sticky` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `video_ads` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL, `video_ads_post` varchar(10) COLLATE utf8mb4_unicode_520_ci NOT NULL, `width` varchar(7) COLLATE utf8mb4_unicode_520_ci NOT NULL, `status` varchar(9) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'published', PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=344 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci CREATE TABLE `wp20210510165513_fv_player_playermeta` ( `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `id_player` bigint(20) unsigned NOT NULL DEFAULT 0, `meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `meta_value` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL, PRIMARY KEY (`id`), KEY `id_player` (`id_player`), KEY `meta_key` (`meta_key`(191)) ) ENGINE=InnoDB AUTO_INCREMENT=661 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci CREATE TABLE `wp20210510165513_fv_player_videos` ( `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `src` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `src1` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `src2` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `splash` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `splash_text` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `caption` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `end` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `mobile` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `rtmp` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `rtmp_path` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, `start` varchar(1024) COLLATE utf8mb4_unicode_520_ci NOT NULL, PRIMARY KEY (`id`), KEY `src` (`src`(191)), KEY `caption` (`caption`(191)) ) ENGINE=InnoDB AUTO_INCREMENT=344 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci CREATE TABLE `wp20210510165513_fv_player_videometa` ( `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `id_video` bigint(20) unsigned NOT NULL DEFAULT 0, `meta_key` varchar(255) COLLATE utf8mb4_unicode_520_ci NOT NULL, `meta_value` longtext COLLATE utf8mb4_unicode_520_ci NOT NULL, PRIMARY KEY (`id`), KEY `id_video` (`id_video`), KEY `meta_key` (`meta_key`(191)) ) ENGINE=InnoDB AUTO_INCREMENT=982 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci ### End System Info ###
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