• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • 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. 3 years, 9 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. 4 years ago

    This is the video how it goes.

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

    naoki j. 4 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á 4 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. 4 years ago

    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 ###
    
    Mária Stašová 4 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. 4 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. 4 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. 4 years ago

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

    Can I do that?

    Martin 4 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. 4 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. 4 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 4 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. 4 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 4 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. 4 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

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

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 © 2025 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‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!