Video in lightning component

Asked Oct 24 '16 at 16:40

Active Oct 24 '16 at 16:40

Viewed 1,063 times

I'm trying to display a video in a lightning component:

<video width="400" controls="controls">
  <source src="/servlet/servlet.FileDownload?file=ABCDEFGHIJ" type="video/mp4"/>
</video>

I'm running into the below error:

Refused to load media from '/servlet/servlet.FileDownload?file=ABCDEFGHIJ' because it violates the following Content Security Policy directive: "media-src 'self'".

I could not find any solutions on how to fix this, the same error when I'm trying a youtube or vimeo video. Any suggestion/help would be appreciated.

Thanks.

asked Oct 24 '16 at 16:40

Surya Chandra Rao Gandreddi

1

The current CSP employed by Lightning will not allow you to do this. See this thread for more information. Here's the official documentation on Lightning Security. – André Dion Oct 24 '16 at 17:41
1

You'd have to upload your file as a Static Resource instead. – sfdcfox Oct 24 '16 at 19:19
Thanks for the comments. But a Static Resource can only be 5MB, so this means we wont be allowed to use any content from AWS S3 as well, right? – Surya Chandra Rao Gandreddi Oct 25 '16 at 03:01
Just a food for thought.. lightning has support for HTML5 and the Source src tag that you have used above does support data-uri attributes, so something like – Sumuga Oct 25 '16 at 17:31

Video in lightning component

0 Answers0