fix(viewport-width): Fixes iframe width to anchor width

- fixes #461

src/embed/embed.js

@@ -1,7 +1,6 @@
 import 'babel-polyfill'
 import { get, head, isString } from 'lodash'
 import Bluebird from 'bluebird'
-import browser from 'detect-browser'
 
 import { findNode, createNode, appendNode, tag } from 'utils/dom'
 import requestConfig from 'utils/request'
@@ -15,17 +14,18 @@ import iframeResizerContentWindow from 'raw-loader!iframe-resizer/js/iframeResiz
 const playerSandbox = anchor => {
   const frame = createNode('iframe')
 
-  if (browser.name === 'ios') {
-    frame.setAttribute('width', anchor.offsetWidth)
-  } else {
-    frame.setAttribute('width', '100%')
-  }
+  frame.setAttribute('width', anchor.offsetWidth)
 
   frame.setAttribute('min-width', '100%')
   frame.setAttribute('seamless', '')
   frame.setAttribute('scrolling', 'no')
   frame.setAttribute('frameborder', '0')
 
+  // Reset the width on viewport resize
+  window.addEventListener('resize', () => {
+    frame.setAttribute('width', anchor.offsetWidth)
+  })
+
   appendNode(anchor, frame)
   return frame
 }