How to display the product meatfield video with control ?

[maniellowww]

I'm create the video metafield to individual product. It's normally loading without  control of HTML5 video.

Following code added on liquid file
{{ product.metafields.custom.middle_video_section | metafield_tag }}

Please let me know any suggestion or solution

[GemPages]

Hello @maniellowww ,

It's the GemPages Support Team and we are glad to assist you today!

Could you share the content (video code) that you added in the metafield?

Best regards,
GemPages Support Team

[maniellowww]

Hi@GemPages ,
Please refer the screenshot. We have create the product metafield.
For displaying the front end (liquild) using the {{ product.metafields.custom.middle_video_section | metafield_tag }}
Refer the following link : https://shopify.dev/docs/api/liquid/filters/metafield_tag

[GemPages]

Hi @maniellowww ,

You could please try using the Multi-line text type instead of File type 

After that, you could please enter the content like that

<video poster="" playsinline="" controls="" src="Your Video URL" width="100%"></video>

You can upload the video to the Shopify File to get URL.

Let us know how it works for you.

Best regards,
GemPages Support Team

[ChristianThrige]

Hi i tried this, however i am experience an issue where my multiline metafield data, is shown as a string. Rather than a object <video>
Found any fix for that? Thanks

[javieralarcn10]

Did you find a solution? I am having the same problem 😞