Fullscreen and muted not working in embed code

API
1

Hi guys! I’m embed a twitch stream in my google site and wix too. But I have a problem, the fullscreen button don’t work, and the stream get started muted. Bellow is my code, and the website for reference.

Thanks in advance!

<div id="twitch-embed"></div>
<script src="https://embed.twitch.tv/embed/v1.js"></script>
<script type="text/javascript">
    var embed = new Twitch.Embed("twitch-embed", {
    	width: "100%",
        height: "100%",
        channel: "caioms001",
        layout: "video",
        allowfullscreen: true,
        parent: ['sites.google.com', 'www.gstatic.com', 'cglightfiles.com.br', 'www.cglightfiles.com.br',  window.location.host]
    });
    embed.addEventListener(Twitch.Embed.VIDEO_READY, () => {
        var player = embed.getPlayer();
        player.setVolume(0.2);
  		player.setMuted(false);
  		player.setQuality("chunked");
    });	
</script>

Website: Webiste!

2

Nothing you can do about this. AutoPlay video is blocked by browsers, until you have a “good interaction score” with your website, which is confused by google sites and wix usage, due to multiple iFrames…

So that is a can’t fix due to browers technology literally preventing it

Owing to browser permissions each iFrame in the stack requires the fullscreen permission which might not be granted and that is a thing you can’t change on Google Sites or Wix.

You’ve allowed it in the video/embed set, but each iFrame in stack might not allow/grant the permission.

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.