I want to play .mov video from amazon in lightning.
Here is amazon presigned url:
Clicking the url will download the video which I want to play.
Here is how I am trying to play it:
<video class="videoElement" controls="" src="https://s3.us-east-1.amazonaws.com/zed-content/Activity%20Contents/test%20act%20Content/testVid47.MOV?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7V4MJWO3GNAM6WA%2F20180829%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180829T082051Z&X-Amz-Expires=604800&X-Amz-Signature=7ec66a41cc4c536ccc4abd42e5fea3621438563b114f72dd26f71c14eb4c4edd&X-Amz-SignedHeaders=host" id="videoSrc" data-aura-rendered-by="116:560;a">
Your browser does not support the video tag.
</video>
Here is the error I am getting in console:
Refused to load media from 'https://s3.us-east-1.amazonaws.com/zed-content/Activity%20Contents/test%20act%20Content/testVid47.MOV?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7V4MJWO3GNAM6WA%2F20180829%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180829T082051Z&X-Amz-Expires=604800&X-Amz-Signature=7ec66a41cc4c536ccc4abd42e5fea3621438563b114f72dd26f71c14eb4c4edd&X-Amz-SignedHeaders=host' because it violates the following Content Security Policy directive: "media-src 'self' *.visualforce.com https://zeddev-dev-ed--c.documentforce.com blob:".
It is clear that I am violating Content Security Policy, but I can not infer how to stop violating them from the error.