Embed youtube url

Resolved wilbert schaapman
(@wilbertschaapmancom)

3 years, 7 months ago

I like to add a youtube to one of my postypes. I created simple text field for filling the youtube video url.
When i like to use this, i created something like this
I am using the beaver builder!

<div><iframe width=”560″ height=”315″ src=”[pods]{@video}[/pods]” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
</div>

This will return in page not found, although url is oke.
What am I doing wrong, how to solve this?

The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Author Jory Hogeveen
(@keraweb)

3 years, 7 months ago

Hi @wilbertschaapmancom

Where are you using this code? The link you’ve provided doesn’t show this error anywhere.

Cheers, Jory

Thread Starter wilbert schaapman
(@wilbertschaapmancom)

3 years, 7 months ago

It is on a local site.
But is this possible using the iframe and loading the url by the pods text field?
Or do i need an other setup?

Plugin Author Jory Hogeveen
(@keraweb)

3 years, 7 months ago

Hi @wilbertschaapmancom

In theory it shouldn’t be a problem since the Pods shortcode will just output the URL.
What do you see in the browser console when viewing the page?

Cheers, Jory

Thread Starter wilbert schaapman
(@wilbertschaapmancom)

3 years, 7 months ago

When i add the url manual by hand as source , the youtube video will be shown?

Plugin Author Jory Hogeveen
(@keraweb)

3 years, 7 months ago

Hi @wilbertschaapmancom

Then the shortcode output is probably not working. If you use the shortcode, what does the page source code show?

Cheers, Jory

Thread Starter wilbert schaapman
(@wilbertschaapmancom)

3 years, 7 months ago

When i change the code like this, it is working. The pods code needed to be before the div and iframe.
Don’t ask me why?
[pods]
<div><iframe width=”560″ height=”315″ src=”{@video}” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
</div>
[/pods]

Plugin Author Jory Hogeveen
(@keraweb)

3 years, 7 months ago

Hmmm both should in fact work… weird.
I’ll try to reproduce locally, if I find anything I’ll make a patch!

En fijne dag nog! 😉

Cheers, Jory

Plugin Author Jory Hogeveen
(@keraweb)

3 years, 7 months ago

Found some info on this topic.
Shortcodes are not to be used in HTML attributes:

– https://make.wordpress.org/core/2015/07/23/changes-to-the-shortcode-api/
– https://wordpress.stackexchange.com/questions/287041/how-to-add-shortcode-to-html-img-code-img-src-short-code
– https://wordpress.stackexchange.com/questions/241634/how-do-i-use-shortcodes-inside-of-html-tags

Hope this helps!

Cheers, Jory

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Embed youtube url’ is closed to new replies.

Tags