Product page - Having different video for different product - Impact theme

[GabrielNoba]

Hello everyone.

https://nobaanimal.myshopify.com/products/the-cottage-pet-house

Password: lomogra

I'm trying to achieve a certain look in my different product page.

I have a product page template. (With some metafields for differents variations between them) And I wanted to add a different video that is playing in loop on those different product.

I guess by using metafield ? That's were i'm stuck. Did not find a way to having the video play like in my exemple.

Is there any way to do such a thing? Having different video play. I'd like to get the same propriety like full width!

Thanks for the help ! 

[EcomGraduates]

you can use Shopify's metafields to store and display the video URL

Add Metafield for Video URL

Update Product Metafields

Modify Product Page Template

{% if product.metafields.custom.video_url %}
  <video width="100%" autoplay loop muted>
    <source src="{{ product.metafields.custom.video_url }}" type="video/mp4">
    Your browser does not support the video tag.
  </video>
{% endif %}

Make sure to replace custom.video_url with the namespace and key of your metafield.

[GabrielNoba]

This line of code, do I copy it in the liquid page them.css?

Just to be sure

[Sheesh_b · Accepted solution]

Hi @GabrielNoba 

Create a metafield which you already created and select the file type as 'File' and upload videos on products.

Then customize your theme and select the section which is responsible to play the video on products page.

Now, you can see a dynamic metafield connector at the top right of Select video

I created one and added the video and now it needs to be connected to video and will appear like below.

It's worked perfectly.

Now, you can add different videos on each product and no need to edit the code a bit.

Let me know if you need any help.

Thanks

Sheesh B

[GabrielNoba]

So simple, yet I was complicated myself too much ! Thanks for your help ! 

[tim]

Aint' impact already has it?  Or I am missing something?