Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › LightBox Ultimate – an embled code from EasyVideoSuite with an image source
- This topic has 5 replies, 2 voices, and was last updated 11 years, 10 months ago by jordipuente.
-
AuthorPosts
-
February 5, 2013 at 12:18 pm #8494jordipuenteMember
How exactly can I do to run this embled code from Easy Video Suite with an image source “http://www.jordipuente.com/wp-content/uploads/2013/02/video-presentacion.png” on blog sidebar? (I need only the code/shortcode, and then I will write it in a html sidebar widget).
<div itemscope itemtype=”http://schema.org/VideoObject”><meta itemprop=”name” content=”Ser el Cambio en el Mundo, Cambiar el Mundo, Jordi Puente” /><meta itemprop=”description” content=”Ser el Cambio en el Mundo, Cambiar el Mundo, Jordi Puente” /><meta itemprop=”width” content=”640″ /><meta itemprop=”height” content=”360″ /><meta itemprop=”thumbnailUrl” content=”http://www.youtube.com/watch?v=U5hJqV_YITg-thumbnail-0.jpg” /><meta itemprop=”embedUrl” content=”http://jordipuente.com/vid/admin/player/assets/jwplayer-5.10/player.swf?file=http%3A%2F%2Fevp3-510eb4cf07643-94166199149b61bed14b36b11f948448.s3.amazonaws.com%2Fcoaching-para-ser-el-cambio-en-el-mundo-youtube%3FAWSAccessKeyId%3DAKIAI6OIE7EQCEVWJXPA%26Expires%3D1675635493%26Signature%3DQLCx32zBBUexS7NDvLc6z5MCvIM%253D&autostart=1&stretching=fill&playlist.position=none&controlbar.position=over&abouttext=EasyVideoSuite&aboutlink=http%3A%2F%2Feasyvideosuite.com%2F&skin=http%3A%2F%2Fjordipuente.com%2Fvid%2Fplayer%2Fassets%2Fjwplayer-5.10%2Fskins%2Fevs-m-1%2Fevs-m-1.xml” /><script type=”text/javascript” src=”http://jordipuente.com/vid/player/?id=Y29hY2hpbmctcGFyYS1zZXItZWwtY2FtYmlvLWVuLWVsLW11bmRvLXlvdXR1YmU%3D&profile=jpm&container=evp-3UFG8HI8HC”></script><div id=”evp-3UFG8HI8HC” data-role=”evp-video” data-evp-id=”Y29hY2hpbmctcGFyYS1zZXItZWwtY2FtYmlvLWVuLWVsLW11bmRvLXlvdXR1YmU=”></div></div>
February 5, 2013 at 11:06 pm #53598wpCommerceModeratorHi, please take a look at the Inline HTML Display in Overlay option in the shortcode reference guide:
February 6, 2013 at 6:25 pm #53599jordipuenteMemberAre these the next 4 lines of code that I have to insert???
<div id=”12345″ style=”width:640px;height:480px;”>HERE I INSERT THE HTML CODE*</div>
[wp_lightbox_ultimate_inline_content_embed div_id=”12345″ anchor_type=”video-presentacion” title=”Title goes here” text=”video-presentacion” source=”http://www.jordipuente.com/wp-content/uploads/2013/02/video-presentacion.png” auto_popup=”false”]
* HTML CODE to insert in the:
<div itemscope itemtype=”http://schema.org/VideoObject”><meta itemprop=”name” content=”Ser el Cambio en el Mundo, Cambiar el Mundo, Jordi Puente” /><meta itemprop=”description” content=”Ser el Cambio en el Mundo, Cambiar el Mundo, Jordi Puente” /><meta itemprop=”width” content=”640″ /><meta itemprop=”height” content=”360″ /><meta itemprop=”thumbnailUrl” content=”http://www.youtube.com/watch?v=U5hJqV_YITg-thumbnail-0.jpg” /><meta itemprop=”embedUrl” content=”http://jordipuente.com/vid/admin/player/assets/jwplayer-5.10/player.swf?file=http%3A%2F%2Fevp3-510eb4cf07643-94166199149b61bed14b36b11f948448.s3.amazonaws.com%2Fcoaching-para-ser-el-cambio-en-el-mundo-youtube%3FAWSAccessKeyId%3DAKIAI6OIE7EQCEVWJXPA%26Expires%3D1675635493%26Signature%3DQLCx32zBBUexS7NDvLc6z5MCvIM%253D&autostart=1&stretching=fill&playlist.position=none&controlbar.position=over&abouttext=EasyVideoSuite&aboutlink=http%3A%2F%2Feasyvideosuite.com%2F&skin=http%3A%2F%2Fjordipuente.com%2Fvid%2Fplayer%2Fassets%2Fjwplayer-5.10%2Fskins%2Fevs-m-1%2Fevs-m-1.xml” /><script type=”text/javascript” src=”http://jordipuente.com/vid/player/?id=Y29hY2hpbmctcGFyYS1zZXItZWwtY2FtYmlvLWVuLWVsLW11bmRvLXlvdXR1YmU%3D&profile=jpm&container=evp-3UFG8HI8HC”></script><div id=”evp-3UFG8HI8HC” data-role=”evp-video” data-evp-id=”Y29hY2hpbmctcGFyYS1zZXItZWwtY2FtYmlvLWVuLWVsLW11bmRvLXlvdXR1YmU=”></div></div>
February 6, 2013 at 10:48 pm #53600wpCommerceModeratorThat’s right. Make sure to switch to the “HTML editor” when you embed this piece of code:
<div id="12345" style="width:640px;height:480px;">HERE I INSERT THE HTML CODE*</div>
You also need to modify the value of
anchor_type
parameter. It can either be “text” (anchor_type="text"
) or “image”(anchor_type="image"
) based on what you are trying to use as the lightbox trigger.February 7, 2013 at 7:39 pm #53601jordipuenteMemberI have used it, but the div is showed not in a lightbox when I click the image, but in the page as if was in the content. What is wrong?
<div id=”12345″ style=”width:640px;height:480px;”><div itemscope itemtype=”http://schema.org/VideoObject”><meta itemprop=”name” content=”Ser el Cambio en el Mundo, Cambiar el Mundo, Jordi Puente” /><meta itemprop=”description” content=”Ser el Cambio en el Mundo, Cambiar el Mundo, Jordi Puente” /><meta itemprop=”width” content=”640″ /><meta itemprop=”height” content=”360″ /><meta itemprop=”thumbnailUrl” content=”http://www.youtube.com/watch?v=U5hJqV_YITg-thumbnail-0.jpg” /><meta itemprop=”embedUrl” content=”http://jordipuente.com/vid/admin/player/assets/jwplayer-5.10/player.swf?file=http%3A%2F%2Fevp3-510eb4cf07643-94166199149b61bed14b36b11f948448.s3.amazonaws.com%2Fcoaching-para-ser-el-cambio-en-el-mundo-youtube%3FAWSAccessKeyId%3DAKIAI6OIE7EQCEVWJXPA%26Expires%3D1675635493%26Signature%3DQLCx32zBBUexS7NDvLc6z5MCvIM%253D&autostart=1&stretching=fill&playlist.position=none&controlbar.position=over&abouttext=EasyVideoSuite&aboutlink=http%3A%2F%2Feasyvideosuite.com%2F&skin=http%3A%2F%2Fjordipuente.com%2Fvid%2Fplayer%2Fassets%2Fjwplayer-5.10%2Fskins%2Fevs-m-1%2Fevs-m-1.xml” /><script type=”text/javascript” src=”http://jordipuente.com/vid/player/?id=Y29hY2hpbmctcGFyYS1zZXItZWwtY2FtYmlvLWVuLWVsLW11bmRvLXlvdXR1YmU%3D&profile=jpm&container=evp-3UFG8HI8HC”></script><div id=”evp-3UFG8HI8HC” data-role=”evp-video” data-evp-id=”Y29hY2hpbmctcGFyYS1zZXItZWwtY2FtYmlvLWVuLWVsLW11bmRvLXlvdXR1YmU=”></div></div></div>
[wp_lightbox_ultimate_inline_content_embed div_id=”12345″ anchor_type=”video-presentacion” title=”Ser el Cambio en el Mundo” text=”video” source=”http://prueba.wikihappiness.org/wp-content/uploads/2013/02/video-presentacion-jordipuente.png” auto_popup=”false”]
February 7, 2013 at 7:55 pm #53602jordipuenteMemberIt is solved! thanks!!!
-
AuthorPosts
- You must be logged in to reply to this topic.