New Shopify Certification now available: Liquid Storefronts for Theme Developers

Autoplay video on mobile and desktop in DESCRIPTION (not media file)???

ApexMikey
Excursionist
49 0 5

It seems you can only add a video as an embed (when I have the original videos and would prefer to add them as the first line of description AUTOPLAY so that is is the first thing they see below the ATC button).

 

any way to do this?

thanks guys!!
Mikey.

Replies 10 (10)
zaczee
Globetrotter
765 44 37

Hi,

 

We need to customize the code to autoplay the video

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @ApexMikey 

You can autoplay a video by using the video tag and adding the autoplay attribute to it. For example:

<pre><video autoplay="autoplay" width="300" height="150">
<source src="myvideo.mp4" type="video/mp4" />
<source src="myvideo.ogg" type="video/ogg"/></video></pre>

You can also autoplay a video by using the iframe tag and adding the allow=”autoplay” attribute to it. For example:

<pre><iframe src="https://www.youtube.com/embed/M7lc1UVf-VE" width="560" 
height="315" frameborder="0" allow=”autoplay” allowfullscreen="allowfullscreen"></iframe></pre>

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

ApexMikey
Excursionist
49 0 5

thank you sir

which one would allow me to upload a video of my own, and autoplay it??

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

If you embed video, please check iframe method 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

ApexMikey
Excursionist
49 0 5

sorry buddy this is jargon to me.

i prefer to upload the video to my shop and copy the link and have it autorun

i added the script with embed and it didnt autoplay on desktop...unless i did it wrong lol

ty again

M.

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Could you send me your embed script? 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

ApexMikey
Excursionist
49 0 5

<iframe width="439" height="780" src="https://www.youtube.com/embed/csSh7oYDoZI" title="Fast Push PopIt Video fun" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

 

this is what youtube gives me......from one i upliaded.

 

BUT prefer to not use youtube as the source, prefer to do it from the site/backend if possible.

 

thank you'

ApexMikey
Excursionist
49 0 5

Hi there

Sorry to bother you, did you see it?

Mikey  🙂

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @ApexMikey 

I see your code has autoplay attribute so I guess the issue is the browser compatibility

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

ApexMikey
Excursionist
49 0 5

oh dammit, i cant figure that out 😞

it also doesnt autoplay on mobile.....

ty anyways

M.