Problems with custom Embed for twitch

I forgot to add, that the privacy cover is disappearing when you click it, but then its just blank space behind it, no player.

Hohum…

No luck here… So I just checked the HTML code (without the provider):

<iframe src="https://player.twitch.tv/?channel=<channel>&parent=<domain>" allowfullscreen="false" width="400" height="300">
</iframe>

Right now I create my iframe with a custom shortcode. Unfortunately I have not yet figured out how to prevent the & in the url of my shortcode return value from being converted to &. The stream itself works without a hitch, but could this be a problem for Embed Privacy?

Also: Does the checkbox to disable the provider work for you?

Ty

• This reply was modified 5 years ago by Fiech.
• This reply was modified 5 years ago by Fiech.
• This reply was modified 5 years ago by Fiech.
• This reply was modified 5 years ago by Fiech.
• This reply was modified 5 years ago by Fiech.

Thank you for the information. Then I’ll wait. Maybe you even could add twitch to the defaults?

Hmm… Either something’s wrong or I am stupid. I completely removed and reinstalled the plugin just to be sure. So right now I’m getting the following behaviour:

If I just include my iframe and do not have a custom Twitch embed, I get no privacy cover whatsoever, just directly the iframe with the stream.

If I then add a custom provider with this regexp

/player\.twitch\.tv\/\?/

I get the following: https://i.imgur.com/FHzFf7E.png

If I then deactivate the provider via the checkbox and got this: https://i.imgur.com/WLE4LvP.png

If I click either of the covers, the cover vanishes and underneath is just empty space.

I am… confused… I don’t really know what’s going on here, why it is behaving like this… But then I also don’t understand, what the regexp has to catch and what not. I also do not understand, why it says “Hier kicken, um Inhalt von <iframe src= anzuzeigen”, respectively “<div class=”. I put some appropriate text in the custom provider and also added a logo and a privacy policy link. Neither one gets displayed…

I have nothing in the Error Console when clicking the privacy cover, but I get a failed XHR request for the page (Error 404). I don’t know if this is in any way important.

Also a fun fact: If I change the regexp to /https?:\/\/player\.twitch\.tv\/\?/ I get an error 404 page of my wordpress site as the “privacy overlay” ^^ Idk what’s going on there just found it funny…

We use the classic editor and a custom theme based on the WP Jurist Theme.

The twitch iframe is created by a custom shortcode that creates the iframe.

Here is an excerpt surrounding the iframe if I do not have any custom provider straight from the source code:

<article id="post-3588" class="post-3588 page type-page status-publish hentry">

	<div class="entry-content post-content">
		<iframe src="https://player.twitch.tv/?channel=[CHANNEL]&parent=[DOMAIN]" width="400" height="300" allowfullscreen="false"></iframe>
			</div><!-- .entry-content -->
	
	<footer class="entry-meta">
		<span class="create-date">
			<i class="fal fa-calendar"></i> <span class="entry-date"> 2. Juni 2021</span>
		</span>
		<span class="edit-date">
			<i class="fal fa-pen"></i> <span class="update-date">2. Juni 2021</span>
		</span>
		<span class="edit-link"><a class="post-edit-link" href="[EDIT_LINK]">Bearbeiten</a></span>	</footer><!-- .entry-meta -->

	    
    <div class="post-divider"></div>
    
</article>

I don’t see any errors in the console save for two font download related ones.

If you think it’ll help, I can send you the URL via a private message of your choice.

Hi, here is the source code for the shortcode

function fk_shortcode_twitch_embed($atts) {

  $content = (isset($atts['content'])) ? sanitize_text_field($atts['content']) : '';
  if (isset($atts['parent'])) {
    $parent = sanitize_text_field($atts['parent']);
  }
  else {
    $parse = parse_url(get_bloginfo('wpurl'));
    $parent = $parse['host'];
  }
  $width = (isset($atts['width'])) ? intval($atts['width']) : 400;
  $height = (isset($atts['height'])) ? intval($atts['height']) : 300;
  $afs = (isset($atts['allowfullscreen']) && $atts['allowfullscreen'] === 'true') ? 'true' : 'false';

  return sprintf('<iframe src="https://player.twitch.tv/?%s&parent=%s" width="%d" height="%d" allowfullscreen="%s"></iframe>', 
    $content,
    $parent,
    $width,
    $height,
    $afs);
}
add_shortcode('twitch', 'fk_shortcode_twitch_embed');

It works like this: [twitch content="channel=<name>"]