Video doesn't show - placeholder instead

[amrhassan]

A video section when selecting the video from shopify host, it appears probably in the theme customizations, but when I publish or preview, the placeholder appears instead. Can anyone help with that issue?
Here's the code used in video.liquid template:

{% liquid
                assign video_url = ''
                for source in section.settings.shopify_video.sources
                  assign format = source.url | slice: -4, 4
                  if format == ".mp4"
                    assign video_url = source.url
                  endif
                endfor
                assign placeholder_video = 'https://cdn.shopify.com/videos/c/o/v/fbb140fd46e3429eba459e1549dbbe38.mp4'
        
                if video_url == blank
                  assign video_url = placeholder_video
                endif
              %}
              <video 
                src="{{ video_url }}"
                playsinline
                {% if section.settings.show_controls %}
                controls
                {% endif %}
                {% if section.settings.loop %}loop{% endif %}
                {% if section.settings.muted %}
                  muted
                  {% if section.settings.autoplay %} autoplay{% endif %}
                {% endif %}
                >
              </video>
            {%- endif -%}

I am using minimog theme.

[suyash1]

@amrhassan - is video format other than mp4?

[amrhassan]

No, it's mp4

[suyash1]

@amrhassan - can you share that video link?

[Small_Task_Help]

Hi,

You can try video from Youtube

[amrhassan]

A video from youtube works fine but I need to show a specific video hosted on shopify not youtube.

[Small_Task_Help]

https://community.shopify.com/c/shopify-discussions/how-to-add-my-own-video-to-product-page-not-yout...

[amrhassan]

I have already seen this post, this solution will ruin my section settings. I want to fix the code to work fine with the other section settings.

[Huptech-Web · Accepted solution]

Hi @amrhassan 

I have updated the code and it is working I have checked it on test store, Check the snippet below

{% assign video_url = '' %}

{% assign video_url = section.settings.shopify_video.sources[1].url %}

{% assign placeholder_video = 'https://cdn.shopify.com/videos/c/o/v/fbb140fd46e3429eba459e1549dbbe38.mp4' %}

{% if video_url == blank %}
  {% assign video_url = placeholder_video %}
{% endif %}
<video
  src="{{ video_url }}"
  playsinline
  {% if section.settings.show_controls %}
    controls
  {% endif %}
  {% if section.settings.loop %}
    loop
  {% endif %}
  {% if section.settings.muted %}
    muted
    {% if section.settings.autoplay %} autoplay{% endif %}
  {% endif %}
></video>

[amrhassan]

It worked!!! Thank you so much.