Youtube video schema in shopify

Youtube Video Schema In Shopify

by

If you need to add your YouTube video on Shopify site then use video schema and here is the code of video schema.

Add this code in your section schema for YouTube video URL option

{
   "type": "video_url",
   "id": "video_url",
   "label": "YouTube Video URL",
   "accept": ["youtube"]
}
Now you can get video_url using id value in html code

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

{% assign videoId = section.settings.video_url | split: '?v=' %}

<iframe src ="https://www.youtube.com/embed/{{ videoId[1] }}?autoplay=1&controls=0&loop=1" width="400" height= 
"300" allow="autoplay; 
encrypted-media modestbranding;" allowfullscreen>
</iframe>

{%endif%}