VIDEO DOES NOT AUTOPLAY ON PARALLAX THEME

Store Design
1

Video Sections will NOT autoplay on my homepage. Parallax Theme 6.0.0.

2

In some cases, the autoplay functionality for videos may not be supported by certain browsers or devices due to autoplay policies and user preferences. However, you can try the following steps to enable autoplay for videos on the Parallax theme:

  1. Open your Shopify admin and go to “Online Store” > “Themes”.

  2. Find your Parallax theme and click on “Actions” > “Edit code”.

  3. In the left sidebar, navigate to the “Sections” folder and open the “slideshow.liquid” file.

  4. Look for the code block that corresponds to the video slide you want to autoplay. It may look something like this:

  1. Make sure the autoplay attribute is present in the <video> tag, as shown in the code above. If it’s already there, proceed to the next step.

  2. Save the changes and preview your store to see if the video autoplay is working as expected.

3

I am not seeing the video code block

{% comment %}
** Slideshow - dynamic **

  • Draggable section
  • Uses blocks
    {% endcomment %}

{% comment %} Content settings {% endcomment %}
{%- assign blocks = section.blocks -%}
{% comment %} End content settings {% endcomment %}

{% if blocks.size > 0 %}

    {% for block in blocks %} {% comment %} Content settings {% endcomment %} {%- assign image = block.settings.image -%} {% comment %} End content settings {% endcomment %}

    {%- assign text_position = block.settings.text_position | split: ’ ’ -%}

  • {% comment %} Overwrite background-position values set by parallax library {% endcomment %} {% style %} #slider-{{ block.id }} .parallax__container .parallax { background-position: {{ block.settings.image.presentation.focal_point }} !important; } {% endstyle %}

    {% capture i %}{% cycle “1”, “2” %}{% endcapture %}

    {% if section.settings.parallax_effect %}

    {% if block.settings.link != blank and block.settings.button_label == blank %} {{ block.settings.link }} {% endif %}
    {% if forloop.first == true and block.settings.title != blank %}

    {{ block.settings.title | escape }}

    {% elsif block.settings.title != blank %}

    {{ block.settings.title | escape }}

    {% endif %}

    {% if block.settings.subtitle != blank %}

    {{ block.settings.subtitle }}

    {% endif %}

    {% if block.settings.button_label != blank %}
    <a {% if block.settings.link != blank %}href=“{{ block.settings.link }}”{% endif %} class=“action_button”>{{ block.settings.button_label | escape }}
    {% endif %}

    {{ alt | escape }}

    {% else %}
    {% if block.settings.link != blank and block.settings.button_label == blank %} {{ block.settings.link }} {% endif %}
    {% if forloop.first == true and block.settings.title != blank %}

    {{ block.settings.title | escape }}

    {% elsif block.settings.title != blank %}

    {{ block.settings.title | escape }}

    {% endif %}

    {% if block.settings.subtitle != blank %}

    {{ block.settings.subtitle }}

    {% endif %}

    {% if block.settings.button_label != blank %}
    <a {% if block.settings.link != blank %}href=“{{ block.settings.link }}”{% endif %} class=“action_button”>{{ block.settings.button_label | escape }}
    {% endif %}

    {% if block.settings.image != blank %}

    {% render 'image-element', image: block.settings.image, alt: block.settings.image.alt, stretch_width: true, focal_point: block.settings.image.presentation.focal_point, %}
    {% else %} {% endif %}
    {% endif %}
    • {% endfor %}
{% endif %} {% if section.settings.parallax_effect %} #homepage_slider-{{ section.id }} .parallax__wrap, #homepage_slider-{{ section.id }} .parallax__container .parallax { height: {{ section.settings.parallax_image_height }}px; } .flexslider.parallax_effect--true .parallax--mobile img { display: block; } {% endif %} @media only screen and (max-width: 798px) { {% if settings.slideshow_images_crop or section.settings.parallax_effect and settings.enable_mobile_parallax %} #homepage_slider-{{ section.id }} .banner__wrap, #homepage_slider-{{ section.id }} .parallax__wrap, #homepage_slider-{{ section.id }} .parallax__container .parallax { height: {{ section.settings.parallax_image_height | divided_by: 2 }}px; } {% else %} #homepage_slider-{{ section.id }} .banner__wrap, #homepage_slider-{{ section.id }} .parallax__wrap { height: auto; } {% endif %} }

{% schema %}
{
“name”: “Slideshow”,
“class”: “shopify-section–slideshow under-menu jsSlideshow parallax-banner”,
“max_blocks”: 12,
“settings”: [
{
“type”: “range”,
“id”: “slideshow_speed”,
“label”: “Change slides every”,
“min”: 4,
“max”: 12,
“step”: 1,
“default”: 6,
“unit”: “sec”
},
{
“type”: “header”,
“content”: “Parallax”
},
{
“type”: “checkbox”,
“id”: “parallax_effect”,
“label”: “Enable parallax scrolling”,
“default”: true
},
{
“type”: “range”,
“id”: “parallax_image_height”,
“label”: “Parallax section height”,
“min”: 300,
“max”: 1000,
“step”: 20,
“default”: 600,
“unit”: “px”
}
],
“blocks”: [
{
“type”: “image”,
“name”: “Slide”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”,
“info”: “1600 x 1000px recommended”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Your headline here”
},
{
“type”: “text”,
“id”: “subtitle”,
“label”: “Subheading”,
“default”: “This is a short subheading for your slideshow image”
},
{
“type”: “text”,
“id”: “button_label”,
“label”: “Button label”
},
{
“type”: “url”,
“id”: “link”,
“label”: “Slide link”
},
{
“type”: “select”,
“id”: “text_position”,
“label”: “Text position”,
“default”: “center center”,
“options”: [
{
“value”: “left top”,
“label”: “Top left”
},
{
“value”: “center top”,
“label”: “Top center”
},
{
“value”: “right top”,
“label”: “Top right”
},
{
“value”: “left center”,
“label”: “Left”
},
{
“value”: “center center”,
“label”: “Center”
},
{
“value”: “right center”,
“label”: “Right”
},
{
“value”: “left bottom”,
“label”: “Bottom left”
},
{
“value”: “center bottom”,
“label”: “Bottom center”
},
{
“value”: “right bottom”,
“label”: “Bottom right”
}
]
}
]
}
],
“presets”: [{
“name”: “Slideshow”,
“category”: “Image”,
“settings”: {
},
“blocks”: [
{
“type”: “image”,
“settings”: {
“image”: “”,
“title”: “Parallax Shopify Theme”,
“subtitle”: “”,
“text_position”: “center center”,
“button_label”: “”,
“link”: “”
}
},
{
“type”: “image”,
“settings”: {
“image”: “”,
“title”: “”,
“subtitle”: “”,
“text_position”: “center center”,
“button_label”: “”,
“link”: “”
}
}
]
}],
“enabled_on”: {
“templates”: [
“index”,
“page”
]
}
}
{% endschema %}

4

Make sure the mute attribute is present, autoplay video with sound is such a major annoyance it’s become standard to block video playing with audio.

5

the video file has no audio, mute attribute is selected