Hi Max,
Are you using a 3rd party plugin to support streamable as oembed? WpordPress does not seem to support it out of the box.

https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F

If you can point me, I will be able to provide some code.

Thank you
Brajesh

Hi Max,
WordPress is able to discover the streamable oembed end point.

I had a look at the streamable API.

Streamable does not support maxwidth/maxheight for the video

Example
https://api.streamable.com/oembed.json?url=https://streamable.com/vns0q&maxwidth=600

That’s why it is happening on your site. If possible, you may mail the streamable support and ask if there is a way to support maxheight/maxwidth.

Regards
Brajesh

Hi Max,
No, It does not work that way.

Please take a look at youtube’s output

Example 1:- 480

https://www.youtube.com/oembed?url=http%3A//youtube.com/watch%3Fv%3DJGwWNGJdvx8&format=json

Example 2: Max width 200
https://www.youtube.com/oembed?url=http%3A//youtube.com/watch%3Fv%3DJGwWNGJdvx8&maxwidth=200&format=json

It is the oembed provider(Youtube or streamable or others) that needs to support/respect the max width. Youtube does, streamable does not.

Yes, we can replace the width using php but it will be a bad solution as it is bound to break the site in future.
My advise is to avoid hacks which are not supported to be sure that everything works for a long time.

Hi Max,
I have looked into it a little more.

It seems to me you are copying the “Embed” code and pasting in the field. In that case, there is exact same markup as you have posted.

If I create a field “Streamable” and change the code from above to use oembed for Streamable too, It does not provide the Div.

The iframe still contains fixed width/height. We can remove that using regular expression.

Here is your code from first post modified.

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', 'streamable' );

	if ( strtolower( $field_name ) == in_array( strtolower( $field_name ), $provider ) ) {
		$val     = strip_tags( $val );
		$content = wp_oembed_get( $val, array( 'width' => 400 ) );

		if ( $content && 'streamable' === strtolower( $field_name ) ) {
			$content = preg_replace(
				array( '/width="\d+"/i', '/height="\d+"/i' ),
				array( sprintf( 'width="%s"', '100%' ), sprintf( 'height="%s"', '100%' ) ),
				$content );
		}

		return $content;
	}

	return $val;
}

add_filter( 'bp_get_the_profile_field_value', 'bp_enable_embed_in_profile', 9, 3 );

If you create a field and Name it “Streamable” and then simply paste the video url into it. It will fetch the video.

You don’t need the embed code. The above code changes width=100%, height=100% but still the result does not seem too good.

let me know if that works for you.

Thank you Max. I am sorry that it did not work the way you wanted.

It is possible to hard code the size(in px) in the above code. You may try setting a fixed size and see if that works.

Regards
Brajesh