Awesome Image Slider video help

[Bronco]

I have the Awesome Image Slider and I am using a video there. 

The problem is the video show to big and starts muted.  
The video is an .mp4 and is less than 1mb. I have tried .webm But I always get the size wrong and no sound. 

Prestashop 8.2.0

Any help appreciated 
Thank you  

 

[juanrojas]

As for the sound, I can tell you that this is not a Prestashop issue, this is because browsers block the sound.

[Bronco]

4 hours ago, juanrojas said:

As for the sound, I can tell you that this is not a Prestashop issue, this is because browsers block the sound.

Thank you for your replay.
I have not been able to get a feedback from the Module Developer. 

But his demo played with sound on..

[4presta]

Hi.

There are tens of thousands and maybe even hundreds of thousands of modules on the Internet for Prestashop. Maybe your module author has some information in the help. It is definitely possible to run a video with sound via jQuery. So start by giving us a link to the module you are using 😏

[juanrojas]

hace 10 horas, Bronco dijo:

Thank you for your replay.
I have not been able to get a feedback from the Module Developer. 

But his demo played with sound on..

Can you share the demo with me and I'll take a look?

[Bronco]

4 hours ago, juanrojas said:

Can you share the demo with me and I'll take a look?

@ps8modules 

https://addons.prestashop.com/en/demo/FO41971.html

Edited December 21, 2024 by Bronco (see edit history)

[juanrojas]

You can search through the billions of modules🤣 or look at the documentation

• Autoplay with sound is restricted by browser policies to improve user experience.
• User interaction is key to enabling autoplay with sound.
• Starting playback with the audio muted and offering a control to unmute it is a common solution.

[Bronco]

@juanrojas I understand.  Thank you for the Documentation. 

I am using the same browser for both sites and only one plays audio?
How come I don't get sound from my video if the Browser is controlling audio output on both sites?

[Bronco]

16 hours ago, juanrojas said:

You can search through the billions of modules🤣 or look at the documentation

• Autoplay with sound is restricted by browser policies to improve user experience.
• User interaction is key to enabling autoplay with sound.
• Starting playback with the audio muted and offering a control to unmute it is a common solution.

So after reading the Documentation I looked at my browser settings and they are set to auto play audio.
That tells me there must be a setting in the slider, that is blocking the audio. 

About the size I found out the video I was using was indeed not in the correct size 1920x750  I had to crop the video from 1920x1080 to get the correct results    

[emmamegan]

You can try to add a video to the Awesome Image Slider in PrestaShop, but you're running into some issues. Here are a few steps -

1. Check Module Settings

Ensure that the video format is supported. Many image sliders only support embedded videos (e.g., YouTube, Vimeo) rather than direct MP4 uploads.

Look for any specific settings in the module configuration that allow video integration. Some sliders require a specific embed code rather than a direct video link.

2. Modify the Slider’s TPL File (If Needed)

If the module does not support videos natively, you may need to modify the .tpl file in your PrestaShop theme:

Navigate to: /themes/your-theme/modules/awesomeimageslider/views/templates/

Look for a file handling slides (e.g., slider.tpl or slide-item.tpl).

Add an <iframe> for YouTube/Vimeo or a <video> tag for MP4. 

3. Check CSS & JS Conflicts

If the video is not displaying, inspect the browser console (F12 > Console) to see if any JavaScript errors are blocking it.

Some sliders override the display settings for non-image content. Add custom CSS to make sure the video is visible:

4. Consider Alternative Modules

If Awesome Image Slider doesn’t fully support videos, you might want to try Smart Slider 3, Swiper Slider, or Creative Elements—they offer better video integration for PrestaShop.

5. Clear Cache & Test

After making changes:

Clear the PrestaShop cache from Advanced Parameters > Performance.

Test the slider in private/incognito mode to ensure updates take effect.