Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 27, 2021 at 9:30 pm #1275878
    iosefo

    I’m trying to embed a twitch player on our site. Their suggested plugin from embedpress only works via Block Editor which I don’t use. I’ve tried using a iframe but that does not work.

    Test page: https://vashoncenterforthearts.org/kinesis-embed-test/

    What I put in a code block: <iframe src=”https://player.twitch.tv/?channel=midheaven_network&parent=www.vashoncenterforthearts.org&#8221; frameborder=”0″ allowfullscreen=”true” scrolling=”no” height=”378″ width=”620″></iframe>

    January 28, 2021 at 9:01 pm #1276129
    Victoria

    Hey iosefo,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    January 28, 2021 at 9:06 pm #1276131
    iosefo
    This reply has been marked as private.
    January 28, 2021 at 9:28 pm #1276151
    iosefo

    I put the iframe inside of a div tag and that made a difference. Now I’m wrestling with getting the height to be 100% as the width is. It’s filling the width at 100% but the height is being cut off. Here is the code that shows the iframe inside a div and the height/width issue.

    <div class="twitch">
  <div class="twitch-video">
    <iframe
      src="https://player.twitch.tv/?channel=midheaven_network&parent=vashoncenterforthearts.org&autoplay=false"
      frameborder="0"
      scrolling="no"
      allowfullscreen="true"
      width="100%"      
      height="100%">
    </iframe>
</div></div>
    January 29, 2021 at 7:44 pm #1276382
    Victoria

    Hi iosefo,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.twitch-video iframe {
    min-height: 80vh;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.