I am trying to get a video with an attribute attribute crossoriginin Chrome (version 20.0.1132.47 m). It does not even load. The network panel shows that the request OPTIONS(the so-called "pre-flight") is interrupted by the browser for some reason. It works without an attribute crossorigin. Firefox downloads and successfully plays it. I would be grateful for any suggestions.
crossorigin
OPTIONS
<video id='vid' autoplay crossorigin src='http://videos-cdn.mozilla.net/serv/mozhacks/demos/resources/immersivevideo/dubai.r.webm'> </video>
The reason for this was the lack of a response header Access-Control-Allow-Headerswith a list of HTTP headers that matches the list passed in the request header Access-Control-Request-Headers.
Access-Control-Allow-Headers
Access-Control-Request-Headers
crossorigin "anonymous" :
"anonymous"
<video crossorigin="anonymous"></video>
In case this is useful to someone else, I had the same problem after you might have set the CORS settings in the source file. Turns out Chrome cached the CORS setting along with the file, so I had to clear the cache, and then it worked.