Embed youtube video is not working on a mobile

If you embed youtube video on your shopify website it might get cut off on a mobile.

This is how you can embed youtube video and make it work on a mobile

 

On the left menu navigate to online store->  themes-> actions-> edit code-> search for this file name: theme.scss.liquid

it should be under assets.

scroll to the very bottom and paste this code:

.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

 

That’s it! too easy

קראו עוד

בניית אתר :: השלב הראשון

אתר זה פרויקט אישי, אני צריכה להבין את צרכי העסק והיקף עבודה כדי לתת הצעת מחיר מדויקת וטובה. לכן אני אקח ממך כרגע את הפרטים החשובים ביותר ואחזור אליך להמשך שיחה

10 טיפים ב10 ימים

במילוי הטופס ושליחתו אתם מאשרים לקבל ממני חומר שיווקי

בואו נדבר על העסק שלכם