Skip to content

Instantly share code, notes, and snippets.

@Randy1Burrell
Last active September 28, 2018 19:21
Show Gist options
  • Save Randy1Burrell/d2374b3f0a49562115bb9aa95d4dca77 to your computer and use it in GitHub Desktop.
Save Randy1Burrell/d2374b3f0a49562115bb9aa95d4dca77 to your computer and use it in GitHub Desktop.
How to creating an iframe used to embed Livepeer tv and allow full screen on the embedded player.
The following steps allows you to create an embeddable iframe from Livepeer tv:
1. Visit the player's web page.
2. Scroll to the bottom of the page.
3. In the bottom right corner of the webpage click on the embed symbol <>.
4. Copy the contents of the pop up that appears.
5. The copied contents from step 4 can be pasted in any html page in order to embed the video.
6. If you would like to enable the option of user being able to make the video go full screen add the word "allowfullscreen" just before the first ">".
For Example
Before:
<iframe width="640" height="360" src="http://localhost:3000/embed/0x0ddb225031ccb58ff42866f82d907f7766899014/?maxWidth=100%&aspectRatio=16:9"></iframe>
After full screen is enabled:
<iframe width="640" height="360" src="http://localhost:3000/embed/0x0ddb225031ccb58ff42866f82d907f7766899014/?maxWidth=100%&aspectRatio=16:9" allowfullscreen></iframe>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment