Find Answers and Get Support › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Theme Customizer › Additional CSS › Member profile fields. Responsive table.
- This topic has 11 replies, 2 voices, and was last updated 6 years, 4 months ago by
Themosaurus.
-
AuthorPosts
-
Maks RusakovičParticipant@wegosi
- 29 Topics
- 104 Posts
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.September 8, 2018 at 09:05 #2010@themosaurus- 1 Topics
- 1675 Posts
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,
September 10, 2018 at 09:43 #2026Maks RusakovičParticipant@wegosi- 29 Topics
- 104 Posts
@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/ktxjzxHow 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>?
September 13, 2018 at 21:45 #2221@themosaurus- 1 Topics
- 1675 Posts
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,
September 14, 2018 at 14:34 #2246Maks RusakovičParticipant@wegosi- 29 Topics
- 104 Posts
@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.September 19, 2018 at 20:45 #2380Maks RusakovičParticipant@wegosi- 29 Topics
- 104 Posts
Hello
@themosaurusAlso, 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+playerUpdate:
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?September 20, 2018 at 09:28 #2388Maks RusakovičParticipant@wegosi- 29 Topics
- 104 Posts
September 25, 2018 at 14:44 #2537Maks RusakovičParticipant@wegosi- 29 Topics
- 104 Posts
@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.September 26, 2018 at 11:04 #2580@themosaurus- 1 Topics
- 1675 Posts
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,
September 26, 2018 at 11:12 #2583 -
AuthorPosts
The topic ‘Member profile fields. Responsive table.’ is closed to new replies.