Foliovision › Forums › FV Player › Troubleshooting › In Mobile view links can be operated outside of the player area
-
Hi
In mobile view, I am able to operate my player outside of the player area – which should not be happening. On touching the screen below the player area and its playlist, I get a momentary blue rectangular shadow (a hot area?) which causes tracks to restart or change. It seems that there are invisible shadow links that extend below the visible player. My player is always located in the header of pages. Some say that this is some kind of layering problem. If it is the player, is there some kind of settings adjustment I can do to correct this. It only happens when the screen size is reduced to mobile view and is consistent across iOS and Android OS devices. Tablet, laptop and desktop devices across browser types do not display the same behaviour and operate perfectly.
Neil
-
-
Hi – some additional information – the problem only occurs once the player has been called to play tracks. It also only occurs when the number of tracks in a playlist is greater than 3 or 4. I also noticed recently that when the player is called to action the word ‘Item’ appears on the right hand side of the player. When clicked it presents all the tracks. Can I turn this off as I already have my tracks displayed beneath the player.
NeilHi
The fault is seen on the following:
Mac Book Air, 2015 with Mac OS Mojave using these browsers – Safari, Google Chrome and Firefox (All latest versions).
Mobile phones:
Samsung S9, OS Oreo 8.1 – Browser – Chrome.LG Q6, OS Oreo 8.1, Browser – Chrome.
The fault can be created by simply shrinking the screen until it is around mobile size. The fault only appears in relation to a small screen size and only appears when there are more than 3 or four tracks. The player has to be started before the fault will appear.
Regards
NeilHi in trying to further explore the possible causes of the problem I looked at the settings and found this under Mobile settings –
• Use native fullscreen on mobile: –
Stops popups, ads or subtitles from working, but provides faster interface. We set this for Android < 4.4 and iOS < 7 automatically.”
I have a pop up with an artist biography on a number of pages and it does not work when the problem we are discussing happens.
I am wondering whether it would be quicker and clearer if you visited the site which is not yet public and sits behind a password page – Martin has all the details.
Regards
NeilHello Neil,
Sorry for late reply. Yes, I’ve properly tested everything but I wasn’t able to reproduce the issue with any settings that came to my mind.
Can you please send me your system info so I can see your settings? You can find it at: Settings -> FV Player Pro -> Tools -> System info
You can simply copy the whole info into this thread, thanks!
Also any screenshot or screencap of the issue would be amazingly helpful for us.
Thanks for all the previous info!
Making the web work for you,
JurajHi Juraj
As requested – Please see below the system info and attachements.
Regards Neil
In the first image titled ‘After Player is Started’ – the word ‘Item’ appears on the right hand side. In the second image, you can see the list that appears when ‘Item’ is clicked. The top item (No. 1) is unrepsonsive to clicking.In the third image Mobile View, the player can not be properley controlled inside the lsit of tracks area. Also, the player can be operated up until the area where tracks can be selected for purchase. Finally – the link Click here to read about Libby Hammer’s Up Town Tight’ operates a pop up window – this does not work when this fault is happening.
### Begin System Info ### ## Please include this information when posting support requests ## Multisite: No SITE_URL: https://www.jazz4all.org.au HOME_URL: https://www.jazz4all.org.au Plugin URL: https://www.jazz4all.org.au/wp-content/plugins/fv-wordpress-flowplayer FV Player version: 7.4.8.727 FV Player core version: 7.2.7 FV Player license: Valid (next check 2019-11-09 06:38:06 GMT) FV Player Pro version: 7.4.8.727.beta FV Player Pro license: Valid (next check 2019-11-09 06:38:05 GMT) WordPress Version: 5.2.4 Permalink Structure: /%postname%/ Active Theme: Marketify Child 2.7.1 Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:69.0) Gecko/20100101 Firefox/69.0 PHP Version: 7.1.33 MySQL Version: 5.6.40 Web Server Info: Apache WordPress Memory Limit: 40M PHP Memory Limit: 768M PHP Upload Max Size: 128M PHP Post Max Size: 128M PHP Upload Max Filesize: 128M PHP Time Limit: 120 PHP Max Input Vars: 1000 PHP Arg Separator: & PHP Allow URL File Open: Yes WP_DEBUG: Disabled DISPLAY ERRORS: On (1) cURL: Your server supports cURL. ACTIVE PLUGINS: amr shortcode any widget: 3.7 Classic Editor: 1.5 Contact Form 7: 5.1.4 Easy Digital Downloads: 2.9.19 Easy Digital Downloads - Acquisition Survey: 1.0.2 Easy Digital Downloads - Commissions: 3.4.8 Easy Digital Downloads - Featured Downloads: 1.0.4 Easy Digital Downloads - Frontend Submissions: 2.6.5 Easy Digital Downloads - Reviews: 2.1.10 Easy Digital Downloads Search Widget: 1.1.0 EDD Variable Pricing Descriptions: 1.0.3 Favicon by RealFaviconGenerator: 1.3.15 FooGallery: 1.8.18 FV Player: 7.4.8.727 FV Player Pro: 7.4.7.727 Health Check & Troubleshooting: 1.4.2 Hide Admin Bar From Non-admins: 1.0 Hide Title: 1.0.8 If Menu - Visibility control for menu items: 0.15 Increase Maximum Upload File Size: 1.35 Insert Headers and Footers: 1.4.4 Paid Memberships Pro: 2.1.4 Paid Memberships Pro - Custom Post Type Add On: .2.1 Paid Memberships Pro - Nav Menus Add On: .3.3 Paid Memberships Pro - Signup Shortcode: .2 Password Protected: 2.2.5 PMPro Customizations: .1 Popup Maker: 1.8.14 Post Tags and Categories for Pages: 1.4.1 Site Search 360: 1.0.31 Social Media and Share Icons (Ultimate Social Media): 2.4.3 Theme My Login: 7.0.15 White Label: 1.4.4 WP Media folder: 4.9.4 WP Widget in Navigation: 2.0.0 Yoast SEO: 12.4 SETTINGS Array ( [notice_new_lightbox] => 1 [autoplay] => false [googleanalytics] => (redacted) [key] => (redacted) [logo] => [rtmp] => [auto_buffering] => false [disableembedding] => true [disablesharing] => true [disable_video_hash_links] => true [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,1) [subtitleSize] => 16 [playlistBgColor] => #808080 [playlistFontColor] => # [playlistSelectedColor] => #bb0000 [logoPosition] => bottom-left [parse_commas] => false [width] => 100% [height] => 30 [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] => true [interface] => Array ( [ads] => false [align] => true [autoplay] => false [controlbar] => false [embed] => false [mobile] => false [playlist_advance] => false [playlist] => true [playlist_captions] => true [share] => false [speed] => false [splash_text] => false [subtitles] => true [sticky] => false [synopsis] => false [end_actions] => true [lightbox] => false [ab] => false [popup] => true ) [amazon_bucket] => Array ( [0] => jazz4-all-content-hls ) [amazon_key] => (redacted, 1) [amazon_secret] => (redacted, 1) [amazon_region] => Array ( [0] => ap-southeast-2 ) [amazon_expire] => 20 [amazon_expire_force] => false [fixed_size] => false [js-everywhere] => false [marginBottom] => 28 [ui_play_button] => true [volume] => 0.9 [player-position] => [playlist_advance] => false [sharing_email_text] => Check out the amazing video here [liststyle] => vertical [ui_speed_increment] => 0.25 [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] => false [sticky_place] => right-bottom [sticky_width] => 380 [playlist-design] => 2014 [skin-slim] => Array ( [progressColor] => #bb0000 [accent] => #4682B4 [hasBorder] => [bottom-fs] => [borderColor] => [bufferColor] => [canvas] => #000000 [backgroundColor] => transparent [font-face] => Tahoma, Geneva, sans-serif [player-position] => [timeColor] => #ffffff [durationColor] => [design-timeline] => fp-slim [design-icons] => fp-edgy ) [skin-youtuby] => Array ( [progressColor] => #bb0000 [accent] => #4682B4 [hasBorder] => [bottom-fs] => 1 [borderColor] => [bufferColor] => [canvas] => #000000 [backgroundColor] => rgba(0, 0, 0, 0.5) [font-face] => Tahoma, Geneva, sans-serif [player-position] => [timeColor] => #ffffff [durationColor] => [design-timeline] => fp-full [design-icons] => ) [skin-custom] => Array ( [hasBorder] => false [bottom-fs] => false [borderColor] => #666666 [marginBottom] => 2.8 [bufferColor] => #eeeeee [canvas] => #000000 [backgroundColor] => rgba(51,51,51,1) [font-face] => Tahoma, Geneva, sans-serif [player-position] => [progressColor] => #bb0000 [timeColor] => #eeeeee [durationColor] => #eeeeee [design-timeline] => [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.4.8.727 [css_writeout-http-www-jazz4all-org-au-wp-content] => 1550119013 [pro] => Array ( [quality] => , [video_ads_default] => no [video_ads_postroll_default] => no [video_ads_skip] => 5 [video_ads_skip_minimum] => 10 [interface] => Array ( [chapters] => false [copy_text] => false [hflip] => false ) [autoplay_once] => false [start_end] => false [autoplay_scroll] => false [ab_loop] => false [vimeo_debug] => false [copy_text] => false [copy_text_time] => 5 [download_template] => %caption% [vimeo] => false [yt_logo] => false [youtube_titles_disable] => false [youtube_ads_disable] => false [youtube_key] => [amazon_s3] => false [cf_domain] => [cf_key_id] => (redacted) [cf_pk] => (redacted) [elastic_key] => (redacted) [elastic_secret] => (redacted) [elastic_region] => ap-southeast-2 [bunnycdn_domain] => [bunnycdn_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 ( ) [transcript_theme] => light [transcript_hidden] => false [watching_prompt_msg] => Are you still watching? [watching_prompt] => false [watching_prompt_interval] => 1 [download_no_right_click] => false ) [show_controlbar] => true [ui_no_picture_button] => false [ui_repeat_button] => false [ui_speed] => false [splash] => [subtitleOn] => false [video_position_save_enable] => false [fv-wp-flowplayer-submit] => SaveAllChanges [integrations] => Array ( [featured_img] => false [wp_core_video] => true [facebook_sharing] => false [schema_org] => false ) [css_disable] => false [profile_videos_enable_bio] => true [parse_comments] => false [rtmp-live-buffer] => false [db_duration] => false [mobile_native_fullscreen] => false [mobile_force_fullscreen] => false [mobile_alternative_fullscreen] => false [video_sitemap] => false [video_sitemap_meta] => [playlistFontColor-proxy] => # [subtitleFontFace] => inherit [s3_browser] => true [vi_login] => [vi_pass] => [notice_db] => true [fv_player_admin_pro_quality_alive] => 1 [fv_player_admin_pro_video_ads_alive] => 1 [video_model_db_checked] => 7.4.8.727 [player_model_db_checked] => 7.4.8.727 [player_meta_model_db_checked] => 7.4.8.727 [video_meta_model_db_checked] => 7.4.8.727 [key7] => [wistia_use_fv_player] => false [lightbox_force] => false [css_writeout-https-www-jazz4all-org-au-wp-content] => 1555638980 [ui_rewind_button] => false [css_writeout-https-www-jazz4all-org-au] => 1572133761 [chromecast] => 1 [mobile_landscape_fullscreen] => false ) DATABASE CREATE TABLE `wp_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` mediumtext 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, PRIMARY KEY (`id`) ) ENGINE=MyISAM AUTO_INCREMENT=67 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci CREATE TABLE `wp_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=MyISAM AUTO_INCREMENT=92 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci CREATE TABLE `wp_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=MyISAM AUTO_INCREMENT=367 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci CREATE TABLE `wp_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=MyISAM AUTO_INCREMENT=1214 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci ### End System Info ###
Hello Neil,
I’m really sorry for not answering you earlier. This ticket ended covered up by others. Thanks for contacting us via e-mail and letting us know.
I’ve checked all the info that you’ve sent to us however I wasn’t able to reproduce the issue on my test site. Can you please provide us a link to your website where we can test this issue? Thanks!
As you’ve mentioned above, if you want us to hands-on log into your website and fix the issue for you. You can order a Pro support incident. It usually takes us no more than a single hour to track down the issue and fix it.
Thanks for your amazing patience,
JurajHi Juraj
Thank you for your work so far. Immediately after this email, I will order Pro Support Incident. A good example of the fault described in action can be found at https://www.jazz4all.org.au/downloads/up-town-tight/ When at the page, reduce to Mobile view for a small phone e.g. an IPhone 5 or LG Q6 – before you start the player – then start the player. You should then see the problems and behaviours described i.e. the ability to operate the player outside of the player area and faulty operation within the player , the ‘about —‘ pop up link beneath the player not working. Also, in postcard view (in mobile) and on tablet/laptop,the appearance of the word and number e.g Item 1 (when the player is started) which when clicked on gives a list of tracks that extends upwards from the player – this has only recently started to happen.
You will need the password for the site. Martin has all the necessary details for Jazz 4 All .
Regards
NeilHello Neil,
to conclude this forum thread – we found a bug in the base Flowplayer library where the playlist menu was indeed clickable on mobile even when it was not visible.
The fix was applied to your website and will be in the next FV Player version as well.
Also, if you don’t want the playlist menu to show at all you can use the CSS tweak which we added into our guide: https://foliovision.com/player/advanced/css-tips-and-fixes#hide-item-button
Thanks,
Martin