Oct
21st

Video embedding to WP and e-commerce

To embed Youtube video – go to Youtube and copy page’s URL from navigation vindow. Paste it to your post in separate string:
Look video:
http://www.youtube.com/watch?v=dQw4w9WgXcQ

Yea...good video!

Получаем:
Look video:

Yea…good video!

Now we’ll embed it another way named short-code:
[embed width=”123″ height=”456″]http://www.youtube.com/watch?v=JaNH56Vpg-A[/embed]
What we got:

We can embed playlist – copy it URL from browser navigation window:
[embed width=”123″ height=”456″]http://www.youtube.com/watch?v=JaNH56Vpg-A&list=RD02Kl3UR74jsk0[/embed]
We got playlist:

Video embedding to E-commerce

In e-commerce video embedding won’t work… Let’s try embed I-frame in post( use “html” but not “text” text settings):
<iframe width=”500″ height=”375″ src=”http://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed” frameborder=”0″ allowfullscreen=”"></iframe>

where width=”500″ height=”375 – desired Hight and Width of your video in pixels(0.26mm), You can change it but proportion W/H – keep constant. If page URL is http://www.youtube.com/watch?v=dQw4w9WgXcQ  write http://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed in your iframe.

dQw4w9WgXcQ – is the same part of both URLs, as you see.

We got:

Not handly? Yes! Let’s make it simple:(Google Chrome) go to Youtube, mouse right-button click on video – “copy HTML-code” and paste it to you post:

<iframe width=”640″ height=”360″ src=”//www.youtube.com/embed/os00JDq_rKk?feature=player_detailpage” frameborder=”0″ allowfullscreen></iframe>

!Use HTML-code setting of text field, we got:

You must be logged in to post a comment.