diff --git a/index.html b/index.html
new file mode 100644
index 00000000..a3d15faf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,27 @@
+
+
+ PlatziMediaPlayer.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/assets/index.js b/website/assets/index.js
new file mode 100644
index 00000000..d6ba7cb4
--- /dev/null
+++ b/website/assets/index.js
@@ -0,0 +1,25 @@
+function MediaPlayer(config) {
+ this.media = config.el
+ }
+
+ MediaPlayer.prototype.play = function() {
+ this.media.play();
+ }
+ MediaPlayer.prototype.pause = function() {
+ this.media.pause();
+ }
+
+ MediaPlayer.prototype.toggleplay = function() {
+ if (this.media.paused) {
+ this.play();
+ } else {
+ this.pause();
+ }
+ };
+
+
+ const video = document.querySelector("video");
+ const player = new MediaPlayer({ el: video });
+
+ const button = document.querySelector("button");
+ button.onclick = () => player.toggleplay();
\ No newline at end of file