Twenty Seventeen: Custom URL for Header Video

[fbotha]

Good Day

On the bundled theme Twenty Seventeen Version: 1.4.

You are only able to upload a video under the Appearance / Customize / Header Media section.

This results in video content being served from the Base URL.

i.e.

<script type='text/javascript'>var _wpCustomHeaderSettings = {"mimeType":"video\/mp4","posterUrl":"","videoUrl":"https:\/\/www.stratuscloud.co.za\/wp-content\/uploads\/2017\/06\/Flying.mp4","width":"2000","height":"1200","minWidth":"900","minHeight":"500","l10n":{"pause":"<span class=\"screen-reader-text\">Pause background video<\/span><svg class=\"icon icon-pause\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-pause\" xlink:href=\"#icon-pause\"><\/use> <\/svg>","play":"<span class=\"screen-reader-text\">Play background video<\/span><svg class=\"icon icon-play\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-play\" xlink:href=\"#icon-play\"><\/use> <\/svg>","pauseSpeak":"Video is paused.","playSpeak":"Video is playing."}};</script>

Thus it does not currently seem possible to serve the video from a CDN.

​https://cdn.stratuscloud.co.za/wp-content/uploads/2017/06/Flying.mp4

vs

​https://www.stratuscloud.co.za/wp-content/uploads/2017/06/Flying.mp4

Is it possible to override this value on database or file level or would this require an additional feature to be added to the Theme?

[fbotha]

Header Media - Video

[sabernhardt]

Hi and welcome to Trac!

I have not found a way to change the base URL within the Customizer. If you choose a video in your Media Library, it saves the attachment ID, and the custom URL field expects a YouTube link.

Using the get_header_video_url filter, you could edit the (attachment) video's URL in a custom plugin (or functions.php). If you have a plugin for CDN images, it might automatically adjust the video URL by now, too.