How can I upload an embedded video using the Dawn theme?

Technical Q&A
1

I am using dawn theme and this theme only allow upload youtube and vimeo video. but I wanna upload embed video hosted at shopify.

could you please help me?

2

Hi,

This is possible. Use this code below. To add the video in your shopify store, you have to click Settings at the lower left corner at your Shopify Admin view. Then click “Files”, you can upload your video there. After uploading, if you do not see your video in the list, change the “File type” to other. Click the chain link icon on the right to get the link of the video and paste the link when editing the theme(at the Theme editor window). Let me know if works.

  1. Go to you admin store.

  2. Chose the theme you want to edit.

  3. Click “Actions”, then edit code

  4. Under the “Section Folder”, add a new section.

  5. Replace the existing code with the code below.

{{ ‘video-section.css’ | asset_url | stylesheet_tag }}
{{ ‘component-deferred-media.css’ | asset_url | stylesheet_tag }}

{{ section.settings.heading }}

{%- if section.settings.cover_image != blank -%} {{ 'sections.video.load_video' | t: description: section.settings.description | escape }} {%- else -%} {{ 'collection-2' | placeholder_svg_tag: 'placeholder-svg placeholder' }} {%- endif -%}
{%- if section.settings.cover_image != blank -%} {{ 'sections.video.load_video' | t: description: section.settings.description | escape }} {%- else -%} {{ 'collection-2' | placeholder_svg_tag: 'placeholder-svg placeholder' }} {%- endif -%} {%- render 'icon-play' -%} {% if section.settings.shopify_video != blank %} {% else %} {%- if section.settings.video_url.type == 'youtube' -%} {%- else -%} {%- endif -%} {% endif %}

{% schema %}
{
“name”: “t:sections.video.name”,
“tag”: “section”,
“class”: “spaced-section spaced-section–full-width”,
“settings”: [
{
“type”: “text”,
“id”: “heading”,
“default”: “Video”,
“label”: “t:sections.video.settings.heading.label”
},
{
“type”: “image_picker”,
“id”: “cover_image”,
“label”: “t:sections.video.settings.cover_image.label”
},
{
“type”: “text”,
“id”: “shopify_video”,
“label”: “Add the video link here”
},
{
“type”: “video_url”,
“id”: “video_url”,
“accept”: [
“youtube”,
“vimeo”
],
“default”: “https://[www.youtube.com](http://www.youtube.com)/watch?v=_9VUPq3SxOc”,
“label”: “t:sections.video.settings.video_url.label”,
“placeholder”: “t:sections.video.settings.video_url.placeholder”,
“info”: “t:sections.video.settings.video_url.info”
},
{
“type”: “text”,
“id”: “description”,
“label”: “t:sections.video.settings.description.label”,
“info”: “t:sections.video.settings.description.info”
},
{
“type”: “checkbox”,
“id”: “full_width”,
“label”: “t:sections.video.settings.full_width.label”,
“default”: false
}
],
“presets”: [
{
“name”: “t:sections.video.presets.name”
}
]
}
{% endschema %}

3

This does not work at all - still asks for a YouTube or Vimeo link for the video.

4

You should look on the link section on the link section of your block. And provide the link there

5

I just did that yesterday. Where it asks for URL use the vimeo url / your number of the video. It worked for me.

6

I see in the code it says autoplay, but my video is not autoplaying. Is there a way to get it to autoplay? Thanks