Skip to main content

Performance: Chrome Downloads 2 Poster Images When Crossorigin Attribute (Anonymous) Present on Video

Published by Michael Spellacy (Spell) on

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>

Attribute: Present

Attribute: Not Present

Reported