Youtube code help

[simon1066]

I need some advice please?

My zencart is version 1.5.8a and i am running the bootstrap template.

The site is working fine and i wanted to embed youtube clips that i have uploaded.

How can this be done? I have tried going to Admin > Catalogue > Product and clicked on inserting media. When i enter the youtube url i get a message saying that the media URL is not supported.

Can anyone tell me if i am doing something wrong here? What do i need to do to embed the youtube URL on my product pages etc?

Thank you




[Note: remember to include site URL, ZC version, list of plugins, PHP version, etc ... read the Posting Tips shown above for information to include in your post here.
And, remove this comment before actually posting!]

I'm not sure where: 'Admin > Catalogue > Product and clicked on inserting media' is located - is it a Bootstrap template thing?

[torvista]

I use this method:

https://github.com/torvista/Zen_Cart...YouTube_videos

[amebb]

I'm not sure where: 'Admin > Catalogue > Product and clicked on inserting media' is located - is it a Bootstrap template thing?

Hi Simon.
Sorry i may have explained myself in a wrong way.

So, when i goto list a product in my catagories etc. i enter details about my product, price, description etc. When i get to entering text for the product information, in the box there is a small icon to add media URL to my description.

That is where i add the Youtube url which then i get an error.

Thanks

[simon1066]

Sorry, I'm not familiar with that option of adding a media url. I can't see it in the latest version of Zen Cart, perhaps it's linked to media manager or something. Others may know more.

The way I embed videos on to a product page is just to add the embed code to the Products Description field. The code would look 'something' like this:

<iframe class="youtube-video" title="NCBI embedded YouTube video player example" src="https://www.youtube.com/embed/xxxxxxx?list=xxxxxxxxxxxxxx&mute=1?html5=1&enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

[pilou2]

You mean the icon in product description editor window. I tried it on V2.1.0 and no problem to add a YouTube video.
On ZC v1.5.8a, there is an iframe icon but when using it I got a message 'Firefox can't open this page'. The HTML code made by CKeditor is probably wrong.
Try this:
Click on source icon and insert this code where you want your video. Adjust the link for your YouTube video in the src part and size too:

<iframe src="https://www.youtube.com/embed/YouTubVideoCode" width="560" height="314" allowfullscreen="allowfullscreen"></iframe

>

[simon1066]

You mean the icon in product description editor window. I tried it on V2.1.0 and no problem to add a YouTube video.
On ZC v1.5.8a, there is an iframe icon but when using it I got a message 'Firefox can't open this page'. The HTML code made by CKeditor is probably wrong.
Try this:
Click on source icon and insert this code where you want your video. Adjust the link for your YouTube video in the src part and size too:

<iframe src="https://www.youtube.com/embed/YouTubVideoCode" width="560" height="314" allowfullscreen="allowfullscreen"></iframe

>

Ah, of course. I had forgotten about CKeditor, something I have turned off and never use.