diff --git a/public/index.html b/public/index.html
index 40e66f4..42ce0e6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,14 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Bluemedia's Video Platform</title>
+
+    <!-- og-embed -->
+    <meta property="og:title" content="Bluemedia's Video Plattform">
+    <meta property="og:description" content="Watch shared videos without compromising your privacy.">
+    <meta property="og:image" content="<%= BASE_URL %>logo.png">
+    <meta property="og:site_name" content="Bluemedia's Video Plattform">
+    <meta property="og:url" content="https://video.bluemedia.dev">
+    <meta property="og:type" content="business.business">
   </head>
   <body>
     <noscript>
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..342e211
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503..0000000
Binary files a/src/assets/logo.png and /dev/null differ
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 60a2399..ee81669 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -13,6 +13,10 @@ export default {
       type: String,
       required: true,
     },
+    video: {
+      type: Object,
+      required: true,
+    },
   },
   data() {
     return {
@@ -22,7 +26,7 @@ export default {
   methods: {
     createPlayer() {
       this.player = new Clappr.Player({
-        source: axios.defaults.baseURL + "/" + this.id + "/index.m3u8",
+        source: axios.defaults.baseURL + "/" + this.id + "/" + this.video.src,
         parentId: "#player",
         autoPlay: true,
         height: "100%",
diff --git a/src/views/Home.vue b/src/views/Home.vue
index f6adc57..366a7d9 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -34,7 +34,7 @@ export default {
   methods: {
     getCategories() {
       axios
-        .get("/index.json")
+        .get("/index.json", { baseURL: "" })
         .then((response) => {
           this.categories = response.data;
           this.loading = false;
diff --git a/src/views/Watch.vue b/src/views/Watch.vue
index ead21d2..eb5293f 100644
--- a/src/views/Watch.vue
+++ b/src/views/Watch.vue
@@ -1,7 +1,12 @@
 <template>
   <div class="watch">
     <Loader v-if="loading" />
-    <Player class="player" :id="this.$route.query.v" v-if="!loading" />
+    <Player
+      class="player"
+      :id="this.$route.query.v"
+      :video="this.video"
+      v-if="!loading"
+    />
     <div v-if="!loading" class="video-info">
       <div class="video-info-title">
         <h1>{{ video.title }}</h1>
