Archived topic
Playing Sound on Banners
3 replies · Started by Dan King on March 9, 2021
Hi
I have this code
<video class="video video-bg" poster="/wp-content/uploads/2021/03/Learn-Club.png" autoplay="true" loop="true" playsinline="true" muted="true" width="100%" autobuffer="true">
<source src="https://learnclubeducation.b-cdn.net/Learn%20Club%20Trailer.mp4" type="video/mp4">
</video>
for this banner video.. https://learnclub.co.uk/
I know browsers and mobiles can block this but is their a way to have sound controls and a mute symobol? Maybe autoplay sound?
So essentially when it loads it tries to play sound but if it's blocked someone can see the mute symbol and unmute it?
Thanks!
Dan
Hi there,
you can add the controls attribute to your <video> HTML:
https://www.w3schools.com/tags/att_video_controls.asp
But it will display other control UI elements.
oh okay... on that same point about controls... i am using mini videos in the SUBJECTS section... and wondered whether i can have just the play & full screen button or do i need all the controls?
https://learnclub.co.uk/home-page-staging/
Thanks David :) ... we're slowly getting there lol slowly! Dan
Out of the box HTML5 Video - its all controls or none. Anything in between would require custom development.