diff --git a/.babelrc b/.babelrc
index 0d60d060f..d233ff04a 100644
--- a/.babelrc
+++ b/.babelrc
@@ -1,6 +1,6 @@
 {
   "presets": ["es2015"],
-  "plugins": ["lodash"],
+  "plugins": ["lodash", "transform-object-rest-spread"],
   "env": {
     "AVA": {
       "plugins": [
diff --git a/docs/advanced.html b/docs/advanced.html
index 17d39da81..2577c5c89 100644
--- a/docs/advanced.html
+++ b/docs/advanced.html
@@ -63,9 +63,11 @@ <h2>Store Actions</h2>
                         <tr><td>TOGGLE_TIMERMODE</td><td>Switches Timer Modes</td><td>remaining|duration</td></tr>
                         <tr><td>SET_THEME</td><td>Sets Player Theme</td><td>Theme Object</td></tr>
                         <tr><td>TOGGLE_SHARE</td><td>Toggles Share Overlay</td><td>-</td></tr>
-                        <tr><td>TOGGLE_SHARE_CUSTOMSTART</td><td>Toggles Sharing Custom Start Time</td><td>-</td></tr>
-                        <tr><td>SET_SHARE_CUSTOMSTARTTIME</td><td>Sets custom start time</td><td>Time (hh:mm:ss)</td></tr>
-                        <tr><td>SET_EMBED_DIMENSIONS</td><td>Sets custom start time</td><td>Dimensions (width x height)</td></tr>
+                        <tr><td>TOGGLE_SHARE_EMBED_START</td><td>Toggles sharing embed custom start</td><td>-</td></tr>
+                        <tr><td>TOGGLE_SHARE_LINK_START</td><td>Toggles sharing link custom start</td><td>-</td></tr>
+                        <tr><td>SET_SHARE_EMBED_STARTTIME</td><td>Sets embed start time</td><td>Time (hh:mm:ss)</td></tr>
+                        <tr><td>SET_SHARE_LINK_STARTTIME</td><td>Sets link start time</td><td>Time (hh:mm:ss)</td></tr>
+                        <tr><td>SET_SHARE_EMBED_SIZE</td><td>Sets embed size</td><td>Dimensions (width x height)</td></tr>
                         <tr><td>TOGGLE_TAB</td><td>Toggles a tab</td><td>chapters|settings</td></tr>
                     </tbody>
                 </table>
diff --git a/docs/standalone.html b/docs/standalone.html
index 0bfb6f159..1d7de2eac 100644
--- a/docs/standalone.html
+++ b/docs/standalone.html
@@ -53,7 +53,8 @@
             ],
             reference: {
                 config: '//podlove-player.surge.sh/fixtures/example.json',
-                share: '//podlove-player.surge.sh/share'
+                share: '//podlove-player.surge.sh/share',
+                origin: '//podlove-player.surge.sh/standalone.html'
             }
         }
     </script>
diff --git a/package.json b/package.json
index efe1ac9a3..6719e67b6 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
     "clipboard": "1.6.0",
     "color": "1.0.3",
     "detect-browser": "1.6.2",
+    "ent": "^2.2.0",
     "foundation-sites": "6.3.1",
     "hashcode": "1.0.3",
     "howler": "2.0.3",
@@ -65,6 +66,7 @@
     "babel-core": "6.22.0",
     "babel-loader": "7.0.0",
     "babel-plugin-lodash": "3.2.11",
+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-plugin-transform-runtime": "6.22.0",
     "babel-plugin-webpack-alias": "2.1.2",
     "babel-preset-bluebird": "1.0.1",
diff --git a/src/components/player/ProgressBar.vue b/src/components/player/ProgressBar.vue
index d33f3f9f6..dbd231a54 100644
--- a/src/components/player/ProgressBar.vue
+++ b/src/components/player/ProgressBar.vue
@@ -100,12 +100,6 @@
       opacity: 0;
       overflow: hidden;
     }
-
-    &.idle {
-      .progress-thumb {
-        opacity: 0;
-      }
-    }
   }
 
   .progress-range {
diff --git a/src/components/tabs/Tabs.vue b/src/components/tabs/Tabs.vue
index 998faf53a..c98f70d66 100644
--- a/src/components/tabs/Tabs.vue
+++ b/src/components/tabs/Tabs.vue
@@ -5,7 +5,7 @@
         <ChaptersIcon slot="icon"></ChaptersIcon>
         <span slot="title">Kapitel</span>
       </TabHeaderItem>
-      <TabHeaderItem v-if="reference.config && reference.share" :active="tabs.share" :click="toggleTab('share')">
+      <TabHeaderItem v-if="(reference.config && reference.share) || reference.origin" :active="tabs.share" :click="toggleTab('share')">
         <ShareIcon slot="icon"></ShareIcon>
         <span slot="title">Share</span>
       </TabHeaderItem>
@@ -17,7 +17,7 @@
     <TabBody :active="tabs.chapters" v-if="chapters.length > 0">
       <ChaptersTab />
     </TabBody>
-    <TabBody :active="tabs.share" v-if="reference.config && reference.share">
+    <TabBody :active="tabs.share" v-if="(reference.config && reference.share) || reference.origin">
       <ShareTab />
     </TabBody>
     <TabBody :active="tabs.settings">
diff --git a/src/components/tabs/settings/Settings.vue b/src/components/tabs/settings/Settings.vue
index 8673d502a..cc14bb0c8 100644
--- a/src/components/tabs/settings/Settings.vue
+++ b/src/components/tabs/settings/Settings.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="podlove-settings">
-    <div class="input">
+    <div class="seperator">
       <h4 class="label">
         <span class="title">Volume</span>
         <span class="volume">{{decimalToPercent(volume)}}%</span>
@@ -11,7 +11,7 @@
         <PodloveSlider class="input-slider" min="0" max="1" :value="volume" step="0.001" :onInput="setVolume" :thumbColor="theme.tabs.slider.thumb"></PodloveSlider>
       </div>
     </div>
-    <div class="input">
+    <div class="seperator">
       <h4 class="label">
         <span class="title">Speed</span>
         <span class="rate">{{decimalToPercent(rate)}}%</span>
@@ -56,6 +56,8 @@
   }
 
   const roundUp = (base, number) => {
+    number = Math.ceil(number)
+
     if (number % base === 0) {
       return number + base
     }
@@ -101,7 +103,6 @@
   @import 'inputs';
 
   $preset-width: 40px;
-  $button-size: 30px;
 
   .podlove-settings {
     width: 100%;
@@ -132,23 +133,5 @@
     .preset {
       width: $preset-width;
     }
-
-    .input-slider {
-      display: flex;
-      align-items: center;
-    }
-
-    .input-slider {
-      width: 100%;
-      margin-left: $margin / 2;
-    }
-
-    .slider-button {
-      font-weight: bold;
-      font-size: 1.2em;
-      height: $button-size;
-      width: $button-size;
-      margin-right: $margin / 2;
-    }
   }
 </style>
diff --git a/src/components/tabs/share/Share.vue b/src/components/tabs/share/Share.vue
index 0b74985c2..627fe38fb 100644
--- a/src/components/tabs/share/Share.vue
+++ b/src/components/tabs/share/Share.vue
@@ -1,78 +1,13 @@
 <template>
   <div class="podlove-share">
-    <div class="embed">
-      <h4 class="title">Embed</h4>
-      <div class="input-row">
-        <input type="text" class="share-input share-copy" disabled :value="clipboardContent(reference, share, playtime)" />
-        <PodloveButton
-          class="share-copy-button"
-          :data-clipboard-text="clipboardContent(reference, share, playtime)"
-          v-clipboard
-          :style="buttonStyle(theme)">
-            copy
-        </PodloveButton>
-      </div>
-      <div class="input-row">
-        <div class="share-config--time">
-          <label class="input-label"><input type="checkbox" class="embed--checkbox" :value="share.customStart" v-on:change="toggleCustomStart(playtime)" /> Start:</label>
-          <input type="text" class="share-input" :value="secondsToTime(share.customStarttime)" v-on:input="setCustomStarttime"/>
-        </div>
-        <div class="share-config--size">
-          <label class="input-label">Size:</label>
-          <select class="share-input" v-model="share.dimensions" v-on:change="setDimensions(share.dimensions)">
-            <option v-for="option in sizeOptions" v-bind:value="option">
-              {{ option }}
-            </option>
-          </select>
-        </div>
-      </div>
-    </div>
+    <ShareLink class="seperator" v-if="reference.origin"></ShareLink>
+    <ShareEmbed v-if="reference.config && reference.share"></ShareEmbed>
   </div>
 </template>
 
 <script>
-  import {debounce, get} from 'lodash'
-  import PodloveButton from 'shared/Button.vue'
-
-  import store from 'store'
-  import {secondsToTime, timeToSeconds} from 'utils/time'
-
-  const clipboardContent = (reference, share, playtime) => {
-    const [width, height] = share.dimensions.split('x')
-    let time = share.customStart ? `&playtime=${secondsToTime(share.customStarttime)}` : ''
-
-    return `<iframe width="${width}" height="${height}" src="${reference.share}?episode=${reference.config}${time}" frameborder="0" scrolling="no"></iframe>`
-  }
-
-  // Sharing
-  const setDimensions = dimensions => {
-    store.dispatch(store.actions.setEmbedDimensions(dimensions))
-  }
-
-  const toggleCustomStart = (time) => {
-    store.dispatch(store.actions.toggleShareCustomStart())
-    store.dispatch(store.actions.setCustomStarttime(time))
-  }
-
-  const setCustomStarttime = debounce(input => {
-    const duration = get(store.store.getState(), 'duration')
-    let time = timeToSeconds(input.target.value)
-
-    if (!time) {
-      return
-    }
-
-    if (time > duration) {
-      time = duration
-    }
-
-    store.dispatch(store.actions.setCustomStarttime(time))
-  }, 1000)
-
-  const buttonStyle = (theme) => ({
-    color: theme.tabs.button.text,
-    background: theme.tabs.button.background
-  })
+  import ShareLink from './ShareLink.vue'
+  import ShareEmbed from './ShareEmbed.vue'
 
   export default {
     data() {
@@ -81,94 +16,12 @@
         reference: this.$select('reference'),
         playtime: this.$select('playtime'),
         duration: this.$select('duration'),
-        sizeOptions: ['250x400', '320x400', '375x400', '600x290', '768x290'],
         theme: this.$select('theme')
       }
     },
-    methods: {
-      setDimensions,
-      clipboardContent,
-      secondsToTime,
-      toggleCustomStart,
-      setCustomStarttime,
-      buttonStyle
-    },
     components: {
-      PodloveButton
+      ShareLink,
+      ShareEmbed
     }
   }
-
 </script>
-
-<style lang="scss">
-  @import 'variables';
-  @import 'utils';
-  @import 'inputs';
-
-  $embed-width: 40px;
-  $embed-height: 35px;
-  $size-button-width: 80px;
-
-  .podlove-share {
-    padding: $padding;
-
-    .share-input {
-      display: inline-block;
-      resize: none;
-      padding: $padding / 4;
-      border-color: rgba($accent-color, 0.8);
-      border-width: 1px;
-      border-radius: 2px;
-    }
-
-    .share-copy {
-      padding: $padding / 2;
-      width: calc(100% - #{$embed-width});
-      border-radius: 2px 0 0 2px;
-      font-size: 1em;
-      border-width: 1px 0 1px 1px;
-      height: $embed-height;
-    }
-
-    .share-copy-button {
-      cursor: pointer;
-
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      height: $embed-height;
-      width: $embed-width;
-      border: 1px solid rgba($accent-color, 0.8);
-
-      opacity: 1;
-
-      &:hover {
-        opacity: 0.8;
-      }
-    }
-
-    .share-config--time, .share-config--size {
-      line-height: 1em;
-    }
-
-    .input-row {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: $margin / 2;
-    }
-
-    .input-label {
-      margin-bottom: $margin / 4;
-    }
-
-    @media screen and (max-width: $width-m) {
-      .share-config--time, .share-config--size {
-        .input-label {
-          display: block;
-        }
-      }
-    }
-  }
-
-</style>
diff --git a/src/components/tabs/share/ShareEmbed.vue b/src/components/tabs/share/ShareEmbed.vue
new file mode 100644
index 000000000..39c47b5d6
--- /dev/null
+++ b/src/components/tabs/share/ShareEmbed.vue
@@ -0,0 +1,136 @@
+<template>
+    <div class="embed">
+      <h4 class="title">Embed</h4>
+      <div class="input-row input-group">
+        <input type="text" class="input-text" disabled :value="clipboardContent(reference, share.embed, playtime)" />
+        <PodloveButton
+          class="input-button"
+          :data-clipboard-text="clipboardContent(reference, share.embed, playtime)"
+          v-clipboard
+          :style="buttonStyle(theme)">
+            copy
+        </PodloveButton>
+      </div>
+      <div class="input-row">
+        <div class="share-config--time">
+          <label class="input-label"><input type="checkbox" class="embed--checkbox" :value="share.embed.start" v-on:change="toggleEmbedStart(playtime)" /> Start:</label>
+          <input type="text" class="input-text" :value="secondsToTime(share.embed.starttime)" v-on:input="setStarttime"/>
+        </div>
+        <div class="share-config--size">
+          <label class="input-label">Size:</label>
+          <select class="share-input" v-model="share.embed.size" v-on:change="setEmbedSize(share.embed.size)">
+            <option v-for="option in share.embed.availableSizes" v-bind:value="option">
+              {{ option }}
+            </option>
+          </select>
+        </div>
+      </div>
+    </div>
+</template>
+
+<script>
+  import { debounce, get } from 'lodash'
+  import { addQueryParameter } from 'utils/url'
+
+  import store from 'store'
+  import { secondsToTime, timeToSeconds } from 'utils/time'
+
+  import PodloveButton from 'shared/Button.vue'
+
+  const buttonStyle = (theme) => ({
+    color: theme.tabs.button.text,
+    background: theme.tabs.button.background
+  })
+
+  // Embed
+  const clipboardContent = (reference, embed, playtime) => {
+    const [width, height] = embed.size.split('x')
+
+    const parameters = {
+      episode: reference.config
+    }
+
+    if (embed.start) {
+      parameters.playtime = secondsToTime(embed.starttime)
+    }
+
+    return `<iframe width="${width}" height="${height}" src="${addQueryParameter(reference.share, parameters)}" frameborder="0" scrolling="no"></iframe>`
+  }
+
+  const setEmbedSize = size => {
+    store.dispatch(store.actions.setShareEmbedSize(size))
+  }
+
+  const toggleEmbedStart = time => {
+    store.dispatch(store.actions.toggleShareEmbedStart())
+    store.dispatch(store.actions.setShareEmbedStarttime(time))
+  }
+
+  const setStarttime = debounce(input => {
+    const duration = get(store.store.getState(), 'duration')
+    let time = timeToSeconds(input.target.value)
+
+    if (!time) {
+      return
+    }
+
+    if (time > duration) {
+      time = duration
+    }
+
+    store.dispatch(store.actions.setShareEmbedStarttime(time))
+  }, 1000)
+
+
+  export default {
+    data() {
+      return {
+        share: this.$select('share'),
+        reference: this.$select('reference'),
+        playtime: this.$select('playtime'),
+        duration: this.$select('duration'),
+        theme: this.$select('theme')
+      }
+    },
+    methods: {
+      secondsToTime,
+      buttonStyle,
+
+      setEmbedSize,
+      clipboardContent,
+      toggleEmbedStart,
+      setStarttime,
+    },
+    components: {
+      PodloveButton
+    }
+  }
+
+</script>
+
+<style lang="scss">
+  @import 'variables';
+  @import 'utils';
+  @import 'inputs';
+
+  $embed-width: 40px;
+  $embed-height: 35px;
+  $size-button-width: 80px;
+
+  .podlove-share {
+    padding: $padding;
+
+    .share-config--time, .share-config--size {
+      line-height: 1em;
+    }
+
+    @media screen and (max-width: $width-m) {
+      .share-config--time, .share-config--size {
+        .input-label {
+          display: block;
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/src/components/tabs/share/ShareLink.vue b/src/components/tabs/share/ShareLink.vue
new file mode 100644
index 000000000..27b968945
--- /dev/null
+++ b/src/components/tabs/share/ShareLink.vue
@@ -0,0 +1,94 @@
+<template>
+    <div class="link">
+        <h4 class="title">Link</h4>
+        <div class="input-row input-group">
+            <input type="text" class="input-text" disabled :value="clipboardContent(reference, share.link, playtime)" />
+            <PodloveButton
+                class="input-button"
+                :data-clipboard-text="clipboardContent(reference, share.link, playtime)"
+                v-clipboard
+                :style="buttonStyle(theme)">
+                copy
+            </PodloveButton>
+        </div>
+        <div class="input-row">
+            <div>
+                <label class="input-label"><input type="checkbox" :value="share.link.start" v-on:change="toggleStart(playtime)" /> Start:</label>
+                <input type="text" class="input-text" :value="secondsToTime(share.link.starttime)" v-on:input="setStarttime"/>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { debounce, get } from 'lodash'
+    import store from 'store'
+
+    import PodloveButton from 'shared/Button.vue'
+
+    import { addQueryParameter } from 'utils/url'
+    import { secondsToTime, timeToSeconds } from 'utils/time'
+
+    // Link
+    const clipboardContent = (reference, link, playtime) => {
+        const parameters = {}
+
+        if (link.start) {
+            parameters.playtime = secondsToTime(link.starttime)
+        }
+
+        return addQueryParameter(reference.origin, parameters)
+    }
+
+    const toggleStart = time => {
+        store.dispatch(store.actions.toggleShareLinkStart())
+        store.dispatch(store.actions.setShareLinkStarttime(time))
+    }
+
+    const setStarttime = debounce(input => {
+        const duration = get(store.store.getState(), 'duration')
+        let time = timeToSeconds(input.target.value)
+
+        if (!time) {
+            return
+        }
+
+        if (time > duration) {
+            time = duration
+        }
+
+        store.dispatch(store.actions.setShareLinkStarttime(time))
+    }, 1000)
+
+    const buttonStyle = (theme) => ({
+        color: theme.tabs.button.text,
+        background: theme.tabs.button.background
+    })
+
+    export default {
+        data() {
+            return {
+                share: this.$select('share'),
+                reference: this.$select('reference'),
+                playtime: this.$select('playtime'),
+                duration: this.$select('duration'),
+                theme: this.$select('theme')
+            }
+        },
+        methods: {
+            secondsToTime,
+            buttonStyle,
+
+            clipboardContent,
+            toggleStart,
+            setStarttime
+        },
+        components: {
+            PodloveButton
+        }
+    }
+</script>
+
+<style lang="scss">
+    @import 'inputs';
+</style>
\ No newline at end of file
diff --git a/src/embed/embed.js b/src/embed/embed.js
index 16bfd58e2..b8a9fb93b 100644
--- a/src/embed/embed.js
+++ b/src/embed/embed.js
@@ -3,7 +3,7 @@ import Bluebird from 'bluebird'
 
 import { findNode, createNode, appendNode, tag } from 'utils/dom'
 import requestConfig from 'utils/request'
-import urlConfig from 'utils/url'
+import { params as urlConfig } from 'utils/url'
 
 import { iframeResizer } from 'iframe-resizer'
 import iframeResizerContentWindow from 'raw-loader!iframe-resizer/js/iframeResizer.contentWindow.min.js'
diff --git a/src/embed/share.js b/src/embed/share.js
index 6696e1593..16d0c09c4 100644
--- a/src/embed/share.js
+++ b/src/embed/share.js
@@ -1,4 +1,4 @@
-import urlConfig from 'utils/url'
+import { aprams as urlConfig } from 'utils/url'
 import remoteConfig from 'utils/request'
 
 import app from '../app'
diff --git a/src/store/actions/share.js b/src/store/actions/share.js
index dd3aef629..b828a6579 100644
--- a/src/store/actions/share.js
+++ b/src/store/actions/share.js
@@ -2,23 +2,39 @@ const toggleShare = () => ({
   type: 'TOGGLE_SHARE'
 })
 
-const setEmbedDimensions = dimension => ({
-  type: 'SET_EMBED_DIMENSIONS',
-  payload: dimension
+// Embed
+const setShareEmbedSize = size => ({
+  type: 'SET_SHARE_EMBED_SIZE',
+  payload: size
 })
 
-const toggleShareCustomStart = () => ({
-  type: 'TOGGLE_SHARE_CUSTOMSTART'
+const toggleShareEmbedStart = () => ({
+  type: 'TOGGLE_SHARE_EMBED_START'
 })
 
-const setCustomStarttime = (time) => ({
-  type: 'SET_SHARE_CUSTOMSTARTTIME',
+const setShareEmbedStarttime = time => ({
+  type: 'SET_SHARE_EMBED_STARTTIME',
+  payload: time
+})
+
+// Link
+
+const toggleShareLinkStart = () => ({
+  type: 'TOGGLE_SHARE_LINK_START'
+})
+
+const setShareLinkStarttime = time => ({
+  type: 'SET_SHARE_LINK_STARTTIME',
   payload: time
 })
 
 export {
   toggleShare,
-  setEmbedDimensions,
-  toggleShareCustomStart,
-  setCustomStarttime
+
+  setShareEmbedSize,
+  toggleShareEmbedStart,
+  setShareEmbedStarttime,
+
+  toggleShareLinkStart,
+  setShareLinkStarttime
 }
diff --git a/src/store/actions/share.test.js b/src/store/actions/share.test.js
index 8638dd7c7..73fda9398 100644
--- a/src/store/actions/share.test.js
+++ b/src/store/actions/share.test.js
@@ -1,9 +1,11 @@
 import test from 'ava'
 import {
     toggleShare,
-    setEmbedDimensions,
-    toggleShareCustomStart,
-    setCustomStarttime
+    setShareEmbedSize,
+    toggleShareEmbedStart,
+    setShareEmbedStarttime,
+    toggleShareLinkStart,
+    setShareLinkStarttime
 } from './share'
 
 test(`toggleShareAction: creates the TOGGLE_SHARE action`, t => {
@@ -12,22 +14,41 @@ test(`toggleShareAction: creates the TOGGLE_SHARE action`, t => {
     })
 })
 
-test(`setEmbedDimensionsAction: creates the SET_EMBED_DIMENSIONS action`, t => {
-    t.deepEqual(setEmbedDimensions('100x100'), {
-        type: 'SET_EMBED_DIMENSIONS',
+test(`setShareEmbedDimensionsAction: creates the SET_SHARE_EMBED_SIZE action`, t => {
+    t.deepEqual(setShareEmbedSize('100x100'), {
+        type: 'SET_SHARE_EMBED_SIZE',
         payload: '100x100'
     })
 })
 
-test(`toggleShareCustomStartAction: creates the TOGGLE_SHARE_CUSTOMSTART action`, t => {
-    t.deepEqual(toggleShareCustomStart(), {
-        type: 'TOGGLE_SHARE_CUSTOMSTART'
+test(`toggleShareEmbedStartAction: creates the TOGGLE_SHARE_EMBED_START action`, t => {
+    t.deepEqual(toggleShareEmbedStart(), {
+        type: 'TOGGLE_SHARE_EMBED_START'
     })
 })
 
-test(`setCustomStarttimeAction: creates the SET_SHARE_CUSTOMSTARTTIME action`, t => {
-    t.deepEqual(setCustomStarttime(100), {
-        type: 'SET_SHARE_CUSTOMSTARTTIME',
+test(`setShareEmbedStarttimeAction: creates the SET_SHARE_EMBED_STARTTIME action`, t => {
+    t.deepEqual(setShareEmbedStarttime(100), {
+        type: 'SET_SHARE_EMBED_STARTTIME',
         payload: 100
     })
 })
+
+test(`toggleShareEmbedStartAction: creates the TOGGLE_SHARE_EMBED_START action`, t => {
+    t.deepEqual(toggleShareEmbedStart(), {
+        type: 'TOGGLE_SHARE_EMBED_START'
+    })
+})
+
+test(`toggleShareLinkStartAction: creates the TOGGLE_SHARE_LINK_START action`, t => {
+    t.deepEqual(toggleShareLinkStart(), {
+        type: 'TOGGLE_SHARE_LINK_START'
+    })
+})
+
+test(`setShareLinkStarttimeAction: creates the SET_SHARE_LINK_STARTTIME action`, t => {
+    t.deepEqual(setShareLinkStarttime(100), {
+        type: 'SET_SHARE_LINK_STARTTIME',
+        payload: 100
+    })
+})
\ No newline at end of file
diff --git a/src/store/reducers/init.js b/src/store/reducers/init.js
index cd3065916..158f1bd25 100644
--- a/src/store/reducers/init.js
+++ b/src/store/reducers/init.js
@@ -50,7 +50,8 @@ const reference = (state = {}, action) => {
     case 'INIT':
       return Object.assign({}, {
         config: get(action.payload, ['reference', 'config'], null),
-        share: get(action.payload, ['reference', 'share'], null)
+        share: get(action.payload, ['reference', 'share'], null),
+        origin: get(action.payload, ['reference', 'origin'], null)
       })
     default:
       return state
diff --git a/src/store/reducers/init.test.js b/src/store/reducers/init.test.js
index 04c1446eb..bf56053bd 100644
--- a/src/store/reducers/init.test.js
+++ b/src/store/reducers/init.test.js
@@ -49,7 +49,8 @@ test.beforeEach(t => {
       ],
       reference: {
         config: '//config/reference',
-        share: '//share/reference'
+        share: '//share/reference',
+        origin: '//origin/reference'
       },
       runtime: 'runtime'
     }
@@ -199,7 +200,8 @@ test(`reference: it extracts the references`, t => {
   const result = reference('', testAction)
   t.deepEqual(result, {
     config: '//config/reference',
-    share: '//share/reference'
+    share: '//share/reference',
+    origin: '//origin/reference'
   })
 })
 
@@ -208,12 +210,22 @@ test(`reference: it returns null if a reference is available`, t => {
   let result = reference('foo', testAction)
   t.deepEqual(result, {
     config: '//config/reference',
+    origin: '//origin/reference',
     share: null
   })
 
   delete testAction.payload.reference.config
   result = reference('foo', testAction)
   t.deepEqual(result, {
+    origin: '//origin/reference',
+    config: null,
+    share: null
+  })
+
+  delete testAction.payload.reference.origin
+  result = reference('foo', testAction)
+  t.deepEqual(result, {
+    origin: null,
     config: null,
     share: null
   })
diff --git a/src/store/reducers/share.js b/src/store/reducers/share.js
index 966c9e804..dab8c7433 100644
--- a/src/store/reducers/share.js
+++ b/src/store/reducers/share.js
@@ -1,20 +1,64 @@
 const INITIAL = {
   open: false,
-  customStart: false,
-  dimensions: '250x400',
-  customStarttime: 0
+  embed: {
+    size: '250x400',
+    availableSizes: ['250x400', '320x400', '375x400', '600x290', '768x290'],
+    start: false,
+    starttime: 0
+  },
+  link: {
+    start: false,
+    starttime: 0
+  }
 }
 
 const share = (state = INITIAL, action) => {
   switch (action.type) {
     case 'TOGGLE_SHARE':
-      return Object.assign({}, state, {open: !state.open})
-    case 'TOGGLE_SHARE_CUSTOMSTART':
-      return Object.assign({}, state, {customStart: !state.customStart})
-    case 'SET_EMBED_DIMENSIONS':
-      return Object.assign({}, state, {dimensions: action.payload})
-    case 'SET_SHARE_CUSTOMSTARTTIME':
-      return Object.assign({}, state, {customStarttime: action.payload})
+      return {
+        ...state,
+        open: !state.open
+      }
+    case 'TOGGLE_SHARE_EMBED_START':
+      return {
+        ...state,
+        embed: {
+          ...state.embed,
+          start: !state.embed.start
+        }
+      }
+    case 'TOGGLE_SHARE_LINK_START':
+      return {
+        ...state,
+        link: {
+          ...state.link,
+          start: !state.link.start
+        }
+      }
+    case 'SET_SHARE_EMBED_SIZE':
+      return {
+        ...state,
+        embed: {
+          ...state.embed,
+          size: action.payload
+        }
+      }
+    case 'SET_SHARE_EMBED_STARTTIME':
+      return {
+        ...state,
+        embed: {
+          ...state.embed,
+          starttime: action.payload
+        }
+      }
+    case 'SET_SHARE_LINK_STARTTIME':
+      return {
+        ...state,
+        link: {
+          ...state.link,
+          starttime: action.payload
+        }
+      }
     default:
       return state
   }
diff --git a/src/store/reducers/share.test.js b/src/store/reducers/share.test.js
index d93c5d60f..b6dcbd677 100644
--- a/src/store/reducers/share.test.js
+++ b/src/store/reducers/share.test.js
@@ -6,9 +6,16 @@ let expected
 test.beforeEach(t => {
     expected = {
         open: false,
-        customStart: false,
-        dimensions: '250x400',
-        customStarttime: 0
+        embed: {
+            size: '250x400',
+            availableSizes: ['250x400', '320x400', '375x400', '600x290', '768x290'],
+            start: false,
+            starttime: 0
+        },
+        link: {
+            start: false,
+            starttime: 0
+        }
     }
 })
 
@@ -32,39 +39,39 @@ test(`share: it togges the overlay state on TOGGLE_SHARE`, t => {
     t.deepEqual(result, expected)
 })
 
-test(`share: it sets the start time state on SET_SHARE_CUSTOMSTARTTIME`, t => {
+test(`share: it sets the start time state on SET_SHARE_EMBED_STARTTIME`, t => {
     let result = share(undefined, {
-        type: 'SET_SHARE_CUSTOMSTARTTIME',
+        type: 'SET_SHARE_EMBED_STARTTIME',
         payload: 20
     })
 
-    expected.customStarttime = 20
+    expected.embed.starttime = 20
     t.deepEqual(result, expected)
 })
 
-test(`share: it toggles the start time on TOGGLE_SHARE_CUSTOMSTART`, t => {
+test(`share: it toggles the start time on TOGGLE_SHARE_EMBED_START`, t => {
     let result = share(undefined, {
-        type: 'TOGGLE_SHARE_CUSTOMSTART'
+        type: 'TOGGLE_SHARE_EMBED_START'
     })
 
-    expected.customStart = true
+    expected.embed.start = true
     t.deepEqual(result, expected)
 
     result = share(result, {
-        type: 'TOGGLE_SHARE_CUSTOMSTART'
+        type: 'TOGGLE_SHARE_EMBED_START'
     })
 
-    expected.customStart = false
+    expected.embed.start = false
     t.deepEqual(result, expected)
 })
 
-test(`share: it sets the dimensions on SET_EMBED_DIMENSIONS`, t => {
+test(`share: it sets the dimensions on SET_SHARE_EMBED_SIZE`, t => {
     let result = share(undefined, {
-        type: 'SET_EMBED_DIMENSIONS',
+        type: 'SET_SHARE_EMBED_SIZE',
         payload: '100x100'
     })
+    expected.embed.size = '100x100'
 
-    expected.dimensions = '100x100'
     t.deepEqual(result, expected)
 })
 
@@ -75,3 +82,29 @@ test(`share: it does nothing if a unknown action is dispatched`, t => {
 
     t.deepEqual(result, expected)
 })
+
+test(`share: it toggles the start time on TOGGLE_SHARE_LINK_START`, t => {
+    let result = share(undefined, {
+        type: 'TOGGLE_SHARE_LINK_START'
+    })
+
+    expected.link.start = true
+    t.deepEqual(result, expected)
+
+    result = share(result, {
+        type: 'TOGGLE_SHARE_LINK_START'
+    })
+
+    expected.link.start = false
+    t.deepEqual(result, expected)
+})
+
+test(`share: it sets the start time state on SET_SHARE_LINK_STARTTIME`, t => {
+    let result = share(undefined, {
+        type: 'SET_SHARE_LINK_STARTTIME',
+        payload: 20
+    })
+
+    expected.link.starttime = 20
+    t.deepEqual(result, expected)
+})
diff --git a/src/styles/_inputs.scss b/src/styles/_inputs.scss
index 49fddc2a9..7f8dacfd9 100644
--- a/src/styles/_inputs.scss
+++ b/src/styles/_inputs.scss
@@ -1,6 +1,72 @@
 @import 'variables';
 
-.input {
-  border-bottom: 1px dashed rgba($accent-color, 0.2);
-  padding-bottom: $padding * 2;
+$input-height: 35px;
+$addon-button-width: 40px;
+$slider-button-size: 30px;
+
+.input-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: $margin / 2;
+}
+
+.input-text {
+  display: inline-block;
+  resize: none;
+  padding: $padding / 4;
+  border-color: rgba($accent-color, 0.8);
+  border-width: 1px;
+  border-radius: 2px;
+}
+
+.input-label {
+  margin-bottom: $margin / 4;
+}
+
+.input-button {
+    cursor: pointer;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    height: $input-height;
+    border: 1px solid rgba($accent-color, 0.8);
+
+    opacity: 1;
+
+    &:hover {
+      opacity: 0.8;
+    }
+}
+
+.input-group {
+  .input-text {
+    padding: $padding / 2;
+    width: calc(100% - #{$addon-button-width});
+    border-radius: 2px 0 0 2px;
+    font-size: 1em;
+    border-width: 1px 0 1px 1px;
+    height: $input-height;
+  }
+
+  .input-button {
+    width: $addon-button-width;
+  }
 }
+
+
+.input-slider {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin-left: $margin / 2;
+}
+
+.slider-button {
+  font-weight: bold;
+  font-size: 1.2em;
+  height: $slider-button-size;
+  width: $slider-button-size;
+  margin-right: $margin / 2;
+}
\ No newline at end of file
diff --git a/src/styles/_utils.scss b/src/styles/_utils.scss
index bd453a669..3de2fac5b 100644
--- a/src/styles/_utils.scss
+++ b/src/styles/_utils.scss
@@ -1,3 +1,6 @@
+
+@import 'variables';
+
 .truncate {
   white-space: nowrap;
   overflow: hidden;
@@ -16,3 +19,8 @@
 .align-right {
   text-align: right;
 }
+
+.seperator {
+  border-bottom: 1px dashed rgba($accent-color, 0.2);
+  padding-bottom: $padding * 2;
+}
\ No newline at end of file
diff --git a/src/utils/url.js b/src/utils/url.js
index cbaef916f..50cead6dc 100644
--- a/src/utils/url.js
+++ b/src/utils/url.js
@@ -1,7 +1,7 @@
 import queryString from 'query-string'
 import { timeToSeconds } from 'utils/time'
 
-const params = queryString.parse(window.location.search)
+const locationParams = queryString.parse(window.location.search)
 
 const parsePlaytime = parameters => {
   if (parameters.playtime) {
@@ -13,4 +13,14 @@ const parsePlaytime = parameters => {
   return {}
 }
 
-export default Object.assign({}, params, parsePlaytime(params))
+export const params = Object.assign({}, params, parsePlaytime(locationParams))
+
+export const addQueryParameter = (url, additionalParameters = {}) => {
+  const parser = document.createElement('a')
+  parser.href = url
+
+  const existingParameters = queryString.parse(parser.search)
+  parser.search = queryString.stringify(Object.assign({}, existingParameters, additionalParameters), {encode: false})
+
+  return parser.href
+}
diff --git a/yarn.lock b/yarn.lock
index cbe3a931f..cb7f80d5a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -593,7 +593,7 @@ babel-plugin-espower@^2.3.2:
     espurify "^1.6.0"
     estraverse "^4.1.1"
 
-babel-plugin-lodash@^3.2.11:
+babel-plugin-lodash@3.2.11:
   version "3.2.11"
   resolved "https://registry.yarnpkg.com/babel-plugin-lodash/-/babel-plugin-lodash-3.2.11.tgz#21c8fdec9fe1835efaa737873e3902bdd66d5701"
   dependencies:
@@ -852,7 +852,7 @@ babel-plugin-transform-exponentiation-operator@^6.22.0, babel-plugin-transform-e
     babel-plugin-syntax-exponentiation-operator "^6.8.0"
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-object-rest-spread@^6.22.0:
+babel-plugin-transform-object-rest-spread@^6.22.0, babel-plugin-transform-object-rest-spread@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.23.0.tgz#875d6bc9be761c58a2ae3feee5dc4895d8c7f921"
   dependencies:
@@ -891,7 +891,7 @@ babel-plugin-webpack-alias@2.1.2:
     lodash.some "^4.5.1"
     lodash.template "^4.3.0"
 
-babel-preset-bluebird@^1.0.1:
+babel-preset-bluebird@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-bluebird/-/babel-preset-bluebird-1.0.1.tgz#353b92436ef0ba38136dc3292f419748b0516356"
   dependencies:
@@ -1060,7 +1060,7 @@ block-stream@*:
   dependencies:
     inherits "~2.0.0"
 
-bluebird@^3.0.0, bluebird@^3.0.5, bluebird@^3.1.1, bluebird@^3.4.7, bluebird@^3.5.0:
+bluebird@3.5.0, bluebird@^3.0.0, bluebird@^3.0.5, bluebird@^3.1.1, bluebird@^3.4.7:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.0.tgz#791420d7f551eea2897453a8a77653f96606d67c"
 
@@ -1538,7 +1538,7 @@ compressible@~2.0.8:
   dependencies:
     mime-db ">= 1.27.0 < 2"
 
-compression-webpack-plugin@^0.4.0:
+compression-webpack-plugin@0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/compression-webpack-plugin/-/compression-webpack-plugin-0.4.0.tgz#811de04215f811ea6a12d4d8aed8457d758f13ac"
   dependencies:
@@ -2160,6 +2160,10 @@ enhanced-resolve@^3.0.0:
     object-assign "^4.0.1"
     tapable "^0.2.5"
 
+ent@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/ent/-/ent-2.2.0.tgz#e964219325a21d05f44466a2f686ed6ce5f5dd1d"
+
 entities@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.1.tgz#6e5c2d0a5621b5dadaecef80b90edfb5cd7772f0"
@@ -2359,7 +2363,7 @@ figures@^2.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-file-loader@^0.11.1:
+file-loader@0.11.1:
   version "0.11.1"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-0.11.1.tgz#6b328ee1234a729e4e47d36375dd6d35c0e1db84"
   dependencies:
@@ -2489,7 +2493,7 @@ forwarded@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363"
 
-foundation-sites@^6.3.1:
+foundation-sites@6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/foundation-sites/-/foundation-sites-6.3.1.tgz#23853372deb9480c13b426499eaf0c8f90cdbe1d"
   dependencies:
@@ -3009,7 +3013,7 @@ inject-loader@3.0.0-beta4:
   dependencies:
     loader-utils "^0.2.3"
 
-inline-environment-variables-webpack-plugin@^1.2.0:
+inline-environment-variables-webpack-plugin@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/inline-environment-variables-webpack-plugin/-/inline-environment-variables-webpack-plugin-1.2.0.tgz#02d74eb288ba82b36006d9fcfc385f403665efd9"
   dependencies:
@@ -3830,7 +3834,7 @@ mkdirp@0.5, mkdirp@0.5.x, mkdirp@0.x.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@
   dependencies:
     minimist "0.0.8"
 
-mobile-detect@^1.3.6:
+mobile-detect@1.3.6:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/mobile-detect/-/mobile-detect-1.3.6.tgz#801f520109810f5090a741ced4914f706e7dfbe8"
 
@@ -4044,7 +4048,7 @@ normalize-url@^1.4.0:
     query-string "^4.1.0"
     sort-keys "^1.0.0"
 
-normalize.css@^6.0.0:
+normalize.css@6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-6.0.0.tgz#22188c2707c911fb3ad3c1aac0677ff68661bea8"
 
@@ -5233,7 +5237,7 @@ semver-diff@^2.0.0:
   dependencies:
     semver "^5.0.3"
 
-"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@~5.3.0:
+"semver@2 || 3 || 4 || 5", semver@5.3.0, semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@~5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
 
@@ -6099,7 +6103,7 @@ webidl-conversions@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.1.tgz#8015a17ab83e7e1b311638486ace81da6ce206a0"
 
-webpack-bundle-analyzer@^2.4.0:
+webpack-bundle-analyzer@2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.4.0.tgz#e406b016e7452bc864793848c79308782accba8e"
   dependencies:
@@ -6134,7 +6138,7 @@ webpack-dev-middleware@^1.10.2:
     path-is-absolute "^1.0.0"
     range-parser "^1.0.3"
 
-webpack-dev-server@^2.4.5:
+webpack-dev-server@2.4.5:
   version "2.4.5"
   resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.4.5.tgz#31384ce81136be1080b4b4cde0eb9b90e54ee6cf"
   dependencies: