fix: prefix video sources in production (#383)

carbon-design-system · Aug 29, 2019 · 131a970 · 131a970 · vercel · Aug 29, 2019
1 parent d857a09
commit 131a970
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/gatsby-theme-carbon/src/components/Video/Video.js b/packages/gatsby-theme-carbon/src/components/Video/Video.js
@@ -3,6 +3,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Player from '@vimeo/player';
+import { withPrefix } from 'gatsby';
 import {
   video,
   videoButton,
@@ -11,7 +12,7 @@ import {
   videoIsPlaying,
 } from './Video.module.scss';
 
-const Video = ({ vimeoId, title, ...props }) => {
+const Video = ({ vimeoId, title, src, ...props }) => {
   const [isPlaying, setIsPlaying] = useState(false);
   const videoRef = useRef(null);
   const iframeRef = useRef(null);
@@ -189,6 +190,7 @@ const Video = ({ vimeoId, title, ...props }) => {
         ref={videoRef}
         controls
         onEnded={onEnded}
+        src={withPrefix(src)}
         {...props}
       />
     </div>