Say Goodbye to iFrames
Typically you would embed video content into your post by using a link such as this:
<iframe width=”560″ height=”315″ frameborder=”0″ src=”https://www.youtube.com/embed/vPznYDUrOCU?rel=0″></iframe>
Embedding With oEmbed
Embedding media into WordPress posts and pages has never been easier largely because of the addition of oEmbed, which allows you to bring content like videos, images, tweets, audio and more from a different site into your own site. We will be using the open and closing embed tags to surround our links:
OEMBED on RS
[embed] https://twitter.com/eChurchGiving/status/753650421663617024 [/embed]
*Pastors & Church Leaders* The Ultimate Guide to Engaging Millennials https://t.co/bHeKRyVG5D
— echurch (@echurchgiving) July 14, 2016
With Youtube videos, be sure to select “Copy video url” instead of “Copy embed code”.
Also, for videos, dont’ forget to give your oembed youtube video tag a width and height:
[embed width=”600″ height=”338″ ]https://youtu.be/vDdT360Cu6A[/embed]
Dont forget to add the closing [embed] tag!
When you embed youtube videos without giving the height/width it distorts on desktop (but not mobile):