I need my video to play WITH volume!

relaxeriedave
New Member
3 0 0

I have a video on my home page that I want to autoplay WITH sound, but it's defaulted to being muted. How do I change this?

I uploaded the video as an .mp4 file and I'm inserting into the code.  Here's what I'm using:

 

<div class="section-hura-video">
<video autoplay muted loop playsinline class="hurabg-video">
<source src="https://cdn.shopify.com/s/files/1/0333/8806/9004/files/Relaxerie.com_Welcome.mp4?v=1604755437?re1=0&...">
</video>
</div>

{% schema %}
{
"name": "Section name",
"settings": []
}
{% endschema %}

{% stylesheet %}
.section-hura-video{
width:100%;
}
.hurabg-video{
right: 0;
bottom: 0;
width: 100%;
height: auto;
}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

 

I'm using the Startup Theme. I've also tried using the video content block through the theme editor to upload the video as a Vimeo and Youtube link, but the muting issue is still the same. 

Replies 5 (5)
Olivia
Shopify Staff
775 74 140

Hey, @relaxeriedave.

Welcome to Shopify Community. My name is Olivia and I work here.

Thank you for sharing your question with our network. Sound playing is not actually determined by the embedding, rather by the browser that is being used to visit the site and the user's personal preference.

For example, Google Chrome will prevent sound from playing by default, unless otherwise specified by the user. This is why sound doesn't typically play without user intervention - ie. pressing play on the video. Read more about Google Chrome audio playback settings change here.

Remember, each browser will have their own default settings, and the end user must adjust those to have audio automatically play when visiting your website. Disabling audio autoplay is usually the preferred default setting, and will provide the best user experience for your customers.

Another idea might be to focus on the visuals that will auto-play in the background to encourage your visitors to enable audio as well. Perhaps you can also take advantage of the homepage to display messages via text that you want to communicate through your audio.

Let me know if you have further questions.

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Abypeyhen
New Member
2 0 0

Where do you download YouTube videos from?

talulspark
New Member
4 0 0

When I worked with Google Chrome, I sometimes had problems with the sound. To be honest, I do not really remember how I solved it then. Now I use Firefox. And about downloading videos, I do it through download youtube mp4. They have a handy site, and I am very used to doing everything through it. I like that I can both video and audio download so that I do not have to jump through different programs. I often download something because I usually have Wi-Fi problems in my apartment, and it's easier to watch a movie I've already downloaded.

Olivia
Shopify Staff
775 74 140

Thank you to everyone joining this discussion, and for your feedback on the Firefox browser @talulspark.

 

I trust our users will find this helpful.

 

 

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Zanzibar
New Member
1 0 0

I'm sure you know the feeling when you want to express your emotions, but you can't find the correct emoticon. At such moments, many of us remember our favorite character, a moment from a movie or video, where our state of mind is conveyed. And many of us think, "It would be great to put this moment in our comments/posts! But then the question arises, and how to do it, in what format, and whether it is possible to insert it into the text, and so on. A lot of questions and it seems that a lot of problems, but in fact, all solved very simply: the use of the format gif. So now you can easily convert different files with convertr.org