Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I think it’s meant to be a decorative video. Could you live without sound?
I am having the same issue. I would really prefer if sound was enabled in the twenty seventeen video header. 🙂
yes, i would really love to have sound too. it would be nice if they just gave you that option!
Not only is the sound important I have also noticed that the Header video will not play on a smart phone I-Phone or android…. only the place holder graphic shows up…
Tis theme needs a little work… IMHO.
http://www.supershrimps.com
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I spoke with one of the Twenty Seventeen developers, and there isn’t an easy way to turn sound on, due to the limitations of the Core code related to video headers.
The video header in Twenty Seventeen is intended as an atomospheric visual element in lieu of a decorative header image. For this reason, I’d suggest you put any video where spoken words are important into the body of a page or post instead.
These are the video settings you can tie into:
https://core.trac.wordpress.org/browser/trunk/src/wp-includes/theme.php#L1372
More about video headers in Core:
https://make.wordpress.org/core/2016/11/26/video-headers-in-4-7/
I hear no sound on my laptop, but my Ipad has sound. On my smartphone the video is not visible at all 🙁
@ron-katzenbauer The video header is not displayed on small mobile devices because speed and bandwidth are usually considerations on phones. Twenty Seventeen displays the static header image as a backup for visitors viewing a site on small mobile devices.
Hi there
i have also a YouTube video link in my header.
If i go live i see that the Pauze and play button on top is the issue.
if this is not displayed the sound is on.
if the logo is displayed the sound goes off???
can this be corrected in the code? so the sound can be ON ??
This is just an arrangement but it worked for me.
I changed the contents of the header with javascript. Put it inside a widget or the page.
<script>
var x = document.getElementById("masthead").clientHeight - 52;
document.getElementById("wp-custom-header").innerHTML = '<iframe width="100%" height="'+x+'" src="https://www.youtube.com/embed/VIDEOID?rel=0&controls=0&showinfo=0&autoplay=1" frameborder="0" allowfullscreen></iframe>';
</script>
what do you mean with – changed the contents of the header ??
