Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Member profile fields. Responsive table.

This topic is resolved
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    Hello @themosaurus

    If it’s possible, it will be very useful to make responsive Member profile fields.
    For example, for embed videos. In mobile view it should be: Field name – Video under it.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @wegosi,

    We will fix this issue in the next update of the theme (scheduled for this week)!
    The fields will be arranged in rows and no longer in columns on mobile devices.

    We’ll keep you informed and thank you very much again for contributing to Gwangi :).

    Best regards,

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    @themosaurus
    For google search: How to insert video (youtube, vimeo, stremable, instagram) embed to member profile field in Buddypress.
    Thank you. You added this function.
    Now streamable service is very popular.

    Now the video is inserted with big top and bottom frames
    http://prntscr.com/ktxjzx

    How to remove them?
    https://r.abodva.com/members/maxrusakovich/

     function bp_embed_in_profile() {
    	add_filter( 'bp_get_the_profile_field_value', 'bp_enable_embed_in_profile', 9, 3 );
    }
    add_action( 'bp_init', 'bp_embed_in_profile', 0 );
    
    function bp_enable_embed_in_profile( $val, $type, $key ) {
    
    	$field = new BP_XProfile_Field( $key );
    	$field_name = $field->name;
    	
    	$provider = array( 'youtube', 'vimeo', 'instagram', 'bliptv', 'twitter');
    	
    	if(  strtolower( $field_name ) == in_array( strtolower( $field_name ) , $provider ) ) {
                    $val = strip_tags( $val );
    		return wp_oembed_get( $val, array( 'width' => 400 ) );	
    	}
    		return $val;
    }

    It’s working well with youtube and vimeo. But not with stremable.
    I’m not a coder.
    But I see the difference between Youtube and Streamable:
    Youtube:
    <iframe width="978" height="550" src="https://www.youtube.com/embed/LV02ud9N9KE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

    Streamable:
    <div style="width:100%;height:0px;position:relative;padding-bottom:56.250%;"><iframe src="https://streamable.com/s/vns0q/uacyda" frameborder="0" width="100%" height="100%" allowfullscreen style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;"></iframe></div>

    The problem in <div>?

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @wegosi,

    Our developers will give a look to your code snippets. We’ll be back to you shortly.

    Best regards,

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @wegosi,

    Excuse me but I can’t reproduce your concern (cf. screenshot).
    I don’t see these gaps at the top and bottom of the video. Can you please clear your browser cache and test again ?
    Can you also tell us which browser version are you using?

    Secondly on the link you sent us, the video is from Streamable service.
    So I guess it works well with this service. Or do I not understand the problem well?

    Thank you in advance for your answers.

    Regards,

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    @themosaurus
    Hello. I added the CSS to remove frames.

    /* Streamable frame size video embed in member profile */
    .wp-embedded-content  {
      height: 45vmin;
    }

    The main problem in mobile view on iphone SE in Safari or Chrome. (but working well in PC Chrome with responsive view)
    Video is not playing. So, I need to press several times before loading the video.
    I don’t know what is the problem: embed snippet code I showed above, or theme with my code.

    Sure. I don’t blame your theme, because I’m not a programmer and don’t know the reason of the problem. But if you can help with it, it will be great.
    Thank you.

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    Hello

    @themosaurus

    Also, it’s a problem to insert COUB video.
    1. I found the problem to see the raw frame of the video.
    Pic1.

    But adding a code to additional CSS to WordPress appearance doesn’t resolve it.

    /* coub */
    .contents {
      width: 500px !important;
        height: 500px !important;
    }

    2. Also I tried to modify embed code of coub to hide unnecessary elements. Doesn’t work.

    3. Link to page with COUB
    https://r.abodva.com/members/abodva/

    4. Could you help with it? Maybe COUB is simpler to use.
    https://coub.com/dev/docs/Player+API%2FInline+frame+player

    Update:
    1. I used the Coub plugin. It’s working not bad.
    Question, how to hide all elements from the player?
    I see that the player – is additional HTML, and WordPress appearance doesn’t influence on it.
    Any suggestions?

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @wegosi,

    Can you check why we no longer have admin rights on your site so we can make a check for this topic ?

    Thank you in advance.

    Cheers,

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    hello @themosaurus

    Please, check now.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi @wegosi,

    Can you summarize all the problems you have with this point?
    We were afraid to not understand precisely.

    Thank you in advance!

    Cheers,

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    @themosaurus
    Table is working now correctly in mobile view.
    I tried to insert the coub video in other way.
    You theme is working good.
    Thank you.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Ok glad to see everything’s fine! ?

    So I close this big topic, and don’t hesitate to create another one if you have other concerns.

    All the best,

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Member profile fields. Responsive table.’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site