Amplify FrontEnd Not Building All Assets

0

I have a simple front end using the html5 video tag. When deployed to my custom domain the video no longer shows. I've looked at the build locally and its working. I also looked at the build on AWS Amplify console and not getting errors. The import is as follow : import videoBg from '../videos/videobg.mp4'; So this is bundling and being hashed but its not showing on my website. Please advice asap...

已提問 3 個月前檢視次數 85 次
2 個答案
2
已接受的答案

Within the Amplify console under "Rewrites and Redirects" you want to ensure that you are using the rigght file extensions and your particular one is on the list:

</^[^.]+$|.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json|mp4|mov)$)([^.]+$)/>

Mine in particular was mp4 it was not in the list along with woff2...

已回答 3 個月前
profile picture
專家
已審閱 2 個月前
0

It sounds like your video isn't showing on your custom domain despite working locally and no errors in AWS Amplify. Here are some streamlined tips to troubleshoot:

  • Check Video Path: Ensure the video's path is correct after deployment. Use browser developer tools to see if there's a 404 error for the video file.
  • CORS Policy: If your video is hosted on a different domain, ensure CORS settings allow your website to access the video.
  • Content-Type Header: Verify the server is using the correct Content-Type header (video/mp4) for the video file.
  • Video Encoding: Make sure your video encoding is compatible with all browsers. H.264 is a widely supported format.
  • HTTPS Protocol: If your site is HTTPS, ensure the video is also served over HTTPS to prevent mixed content issues.

Next Steps:

  • Use browser developer tools to inspect network requests and console for errors.
  • Double-check the deployment process doesn't change the video's accessibility.

Give these steps a try, and if you uncover any new insights, please share them! It'll help us keep digging and get that video playing.

profile picture
專家
已回答 3 個月前

您尚未登入。 登入 去張貼答案。

一個好的回答可以清楚地回答問題並提供建設性的意見回饋,同時有助於提問者的專業成長。

回答問題指南