embed youtube in lightbox, version 3.1.0

[ronstone]

Rodrigo, because this is an older version it appears some classes are not available:

Replacing vimeo link with youtube link does not play video.

Current code (using vimeo):

<li class="col-md-3">
								<div class="portfolio-item img-thumbnail">
									<a href="//player.vimeo.com/video/298475346"">
										<img alt=""low" src="//www.toptier.com/img/video_thumb/paden2018.JPG"" />
										<span class="thumb-info-title">
											<span class="thumb-info-inner">Low Infeed</span>
											<span class="thumb-info-type">Concurrent Wrap</span>
										</span>
										<span class="thumb-info-action">
											<span title="Universal" class="thumb-info-action-icon"><i class="icon icon-video-camera"></i></span>
										</span>
										
									</a>

								</div>
							</li>

thanks

---

Template Version: 3.1.0

[Support]

Hello Ron,

We did a test here with 3.1.0 version and youtube videos are working.

What’s the video youtube video URL you are trying ?

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[ronstone]

my response is being blocked by Wordfence. It is a simple response. thanks

---

[ronstone]

If it worked for you it must be a simple fix.
The youtube direct link and the embed iframe work.
When i replace the vimeo link with the youtube share embed link in the <li> the play arrow is shown and i get the error: “An error occurred. Please try again later. (Playback ID: 3R4cNEVVcibRZM04)
Learn More” (see image link).

<ul class="portfolio-list sort-destination lightbox" data-sort-id="portfolio" data-plugin-options='{"delegate": "a", "type": "iframe", "gallery": {"enabled": true}}'>
						
						<li class="col-md-3">
								<div class="portfolio-item img-thumbnail">
									<a href="https://www.youtube.com/embed/NpSanE49Ge0">
										<img alt="low infeed palletizer" src="https://www.toptier.com/img/video_thumb/paden2018.JPG" />
										<span class="thumb-info-title">
											<span class="thumb-info-inner">Low Infeed</span>
											<span class="thumb-info-type">Concurrent Wrap</span>
										</span>
										<span class="thumb-info-action">
											<span title="Universal" class="thumb-info-action-icon"><i class="icon icon-video-camera"></i></span>
										</span>
										
									</a>

								</div>
							</li>

-------------
<img src="https://www.toptier.com/youtube-error.png" alt="youtube error message" />

thanks

---

[ronstone]

oops. sorry, having trouble with “code”. I will try again.

---

[ronstone]

youtube direct link works. youtube share embed iframe works. The “li” does not work <a href="https://www.youtube.com/embed/NpSanE49Ge0" class="thumb-info lightbox">. I get the error above.

---

[Support]

Hello Ron,

The embed URL format do not works.

Please use https://www.youtube.com/watch?v=NpSanE49Ge0 instead.

We hope this information helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

[Author]

Posts