You don’t need to use CORS with video files. CORS are for Json DB.
I just used AWS S3 buckets. Then set the files public.
My video like for one of the Sipsmith videos is https://rentanerdllc.s3.us-east-2.amazonaws.com/history.mp4
Steve
1 Like
LOL! Thank you Steve.
Well, I do have it set to public however the video is still not playing when I use WebAR. 
Does it work with the Zappar App?
If so then check your using the https.
Are you playing full screen?
Can you play thru the video player?
Steve
HI,
Yes, it does work with the Zappar App. I do have the https in there. No, I am not playing full screen. I am using the video player.
Sorry I should have read a little more before posting.
I’m editing the CORS on my bucket with this but it isn’t working for me. I’ll have to play with it and see.
Sorry the code from this post.
https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html
Changed address to web.zappar.com
Steve
Ps. @interactive What did you have in your CORS file?
@connell I know Zappar uses AWS can you help with the CORS info?
2 Likes
Thanks for looking in to it. I still have not figured it out yet.
I found that there is a setting for adding AWS account older permissions. Do I need to add permissions for my video object for Zappar? If so, to add read permissions for them I would need their Canononical ID? Am I getting close? This is all new for me so I really appreciate any help.
I would like to share my solution to this problem, since i’ve been working on it all day…
So in my case I was hosting a .mp4 file via a third party webhost, in order to get a direct link (e.g. …/…/video.mp4). I wanted it to stream using the videoplayer symbol. This worked very well while using the Zappar App. But unfortunately not while using the Web AR functionality, which only resulted in a black videoplayer screen.
After reading through the documentation (https://docs.zap.works/studio/subsymbols/subsymbol-templates/components/video-player/) and this forum I found out the server needed to support ‘Range Request’ and also ‘CORS headers being present’. My webhost was using an Apache server and they told me their server did’nt use those settings and there was nothing I could do. But in fact there was a solution:
I’ve fixed both issues by adding a .htaccess file within the same folder as the videocontent, containing:
Header set Access-Control-Allow-Origin "*"
Header set Accept-Ranges "bytes"
Hope it helps for anyone streaming the video’s from a standard webhosting environment.
- edit: corrected typo: “.htacces = .htaccess”
1 Like
Thank you!!!
Here is a zip file with the file @Niels0005 was talking about .WebAR Video Fix File.zip (180 Bytes)
@jcolley I just dropped this file in to the same folder like @Niels0005 said and my videos now work!!
Steve
2 Likes
So basically it is just a text file with those two lines in there? I can upload my text file and rename it to .htaccess? TIP: to see hidden files on your MAC or in a folder use (control + M + .) combination.
1 Like
Sorry just saw your first post in my email. Yes it’s just a text file renamed.
Steve
which folder are you talking about?
what folder are you talking about?
When you use hosted video files you will need to add a file named " .htacces "
In the file you need this code.
Header set Access-Control-Allow-Origin "*"
Header set Accept-Ranges "bytes"
Save this file on your website in the the same folder as the video file.
Steve
Yep! I am using AWS as well and mine looks the same.
Steve
hey steve im still getting a blackscreen, what links did u put for video url and do i have to do anything other than uploading the htaccess file, what other troubleshootng steps can i take?
I have my main S3 bucket “folder” set to Public
And this under CORS
Here is a zpp file that I tested with WebAR
3DVideo help.zpp (1.0 MB)
Steve
omg finally got it to work, sorry for the questions and thanks so much!
1 Like