Why won't my video display on the page correctly?

Store Design

Topic summary

A user is troubleshooting a video display issue where the video won’t render properly on their page.

Initial Problem:

  • Video displays incorrectly with visible code/markup instead of playing
  • Code snippet shows malformed/reversed text in the original post

Troubleshooting Steps:

  • First suggestion identified a missing closing “/” in the <source> tag
  • After applying this fix, the issue persisted with the video still not displaying correctly (screenshot provided showing the problem)
  • User shared full section code (excluding schema) for further diagnosis

Current Status:

  • A second solution was proposed using a corrected <video> tag structure with proper video_tag filter syntax
  • Responder requested the store URL if the error continues
  • Discussion remains open, awaiting confirmation whether the latest fix resolves the display issue

Note: Much of the code in the thread appears reversed/corrupted, suggesting potential encoding or formatting problems in the original post.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi there.

I’m trying to display a video on the page, and for some reason, the video displays "> on the page and can’t figure out why.

Any help?

{% if section.settings.video_url != blank %}
        
          
        

      {% endif %}

Screenshot 2023-04-26 at 6.50.04 pm.png
Screenshot 2023-04-26 at 6.50.04 pm.png942×608 378 KB

2

The closing “/” was missing from the source tag.

**

Corrected code:

{% if section.settings.video_url != blank %}
        
          
        

      {% endif %}
3

Thanks Bhaskar, good pick.

However, it’s still displaying like this:

Screenshot 2023-04-26 at 7.52.47 pm.png
Screenshot 2023-04-26 at 7.52.47 pm.png908×698 321 KB

The entire section code, excluding {% schema %} is:


  

    {%- capture content -%}
      {%- if section.settings.subheading != blank -%}
        

{{ section.settings.subheading | escape }}

      {%- endif -%}

      {%- if section.settings.title != blank -%}
        ## 
          {%- render 'styled-text', content: section.settings.title, text_color: section.settings.heading_color, gradient: section.settings.heading_gradient -%}
        
      {%- endif -%}
      {{- section.settings.content -}}
      {% if section.settings.video_url != blank %}
        
          
        

      {% endif %}
    {%- endcapture -%}

    {%- capture subcontent -%}
      
        {%- if section.settings.team_avatar != blank or section.settings.support_hours != blank or section.settings.answer_time != blank -%}
          

            {%- if section.settings.team_avatar != blank -%}
              {%- capture sizes -%}{{ section.settings.team_avatar_width }}px{%- endcapture -%}
              {%- capture widths -%}{{ section.settings.team_avatar_width }}, {{ section.settings.team_avatar_width | times: 2 | at_most: section.settings.team_avatar.width }}{%- endcapture -%}
              {%- capture style -%}max-width: {{ section.settings.team_avatar_width }}px{%- endcapture -%}
              {{- section.settings.team_avatar | image_url: width: section.settings.team_avatar.width | image_tag: loading: 'lazy', style: style, sizes: sizes, widths: widths -}}
            {%- endif -%}

            {%- if section.settings.support_hours != blank or section.settings.answer_time != blank -%}
              

                {{- section.settings.support_hours -}}

                {%- if section.settings.answer_time != blank -%}
                  {{ section.settings.answer_time }}
                {%- endif -%}
              

            {%- endif -%}
          

        {%- endif -%}

        {%- if section.settings.button_text != blank -%}
          {% render 'button', content: section.settings.button_text, href: section.settings.button_url, size: 'xl', background: section.settings.button_background, text_color: section.settings.button_text_color %}
        {%- endif -%}
      

    {%- endcapture -%}

    {%- if content != blank or subcontent != blank -%}
      
        

          {%- if content != blank -%}
            

              {{- content -}}
            

          {%- endif -%}

          {%- if text_position != 'center' and subcontent != blank -%}
            
              {{- subcontent -}}
            

          {%- endif -%}
        

      

    {%- endif -%}

    {%- if section.blocks.size > 0 -%}
      
        

          {%- for block in section.blocks -%}
            {%- if block.settings.content != blank or block.settings.liquid != blank -%}
              {%- capture accordion_content -%}
                
{{ block.settings.content }}{{ block.settings.liquid }}

              {%- endcapture -%}

              {%- render 'accordion', title: block.settings.title, content: accordion_content, block: block -%}
            {%- endif -%}
          {%- endfor -%}
        

      

    {%- endif -%}

    
      {{- subcontent -}}
4

Hi @alex-mm Can you please try this once

{% if section.settings.video_url != blank %}
        
          
        

      {% endif %}

Also share the store URL if the error persists.