HTML template with embedded video player and chat
In this guide you will find a HTML template that you can customize and upload to your web server. The template contains all the necessary code snippets to display our video player and chat of your Live Stream.
If you use Wordpress, please visit this page for specific information on embedding our video player.
- Open a text editor like the Editor application on Windows.
- Paste this code into the editor:
<!DOCTYPE html>
<html>
<head>
<title>Replace this text with your stream title</title>
</head>
<body>
<h1>Replace this text with your stream title</h1>
<div class="elsendo-player-wrapper" style="height:auto;padding-bottom:56.25%;width:100%;position:relative;overflow:hidden"><iframe width="560" height="315" style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://elsendo.com/player/a9kaasrq" frameborder=0 allowfullscreen></iframe></div>
<script src="//elsendo.com/player.js"></script>
</body>
</html>
- Replace the texts, titles and your code snippet (iframe). If you don't know where you can find the code snippet, check this post here.
- Save the file.
- Open an FTP-Client (like FileZilla) and connect to your webserver.
- Upload the file on your webserver and rename it as an .html file (for ex. "streamlove.htlm"). Please note, our player must be integrated on the webpage you specified.
- Done.
