Performance: Chrome Downloads 2 Poster Images When Crossorigin Attribute (Anonymous) Present on Video
Browser: Chrome 53.0.2785.116 (64-bit)
Operating System: OS X 10.11.5
This issue also present on most stable release of Chrome for Windows.
Issue:
The poster image on a video
element appears to be downloaded twice when a crossorgin
attribute with a value of "anonymous" also exists on same element.
This attribute and value are required to get our video captioning to render from our CDN.
Code
<video crossorigin="anonymous" preload="none" poster="https://tbcdn.talentbrew.com/company/3401/v1_0/media/case-study-microsoft.jpg" controls>
<source src="https://tbcdn.talentbrew.com/company/3401/v1_0/media/case-study-microsoft.mp4" type="video/mp4">
<track label="English" kind="subtitles" srclang="en" src="https://tbcdn.talentbrew.com/company/3401/v1_0/media/case-study-microsoft.en.vtt">
</video>