Videos do not display responsively on my iPhone

[rlmcculley]

I recently embedded two YouTube videos on one of my webpages. They display & do exactly what I need for them to do on both my laptop, PC, & iPad. But when I access the page from my iPhone the display is distorted. Any thoughts? I need for the video to play only once & then stop and not display related videos. I have coded it so that it works as expected. The display is rather annoying when accessing the page with my phone which is a very important aspect of what I need it to do.

Topic

[rlmcculley]

Here is the webpage: http://nsfcc.org/?page_id=1922

[Jason Bobich]

How are you embedding them? Are you placing just the URL to the video page in your content?

Are you using any third-party plugins that may be effecting the output of videos, like JetPack?

[rlmcculley]

This is the code that I have imbedded as content:
<iframe width=”425″ height=”239″ src=”https://www.youtube.com/embed/uL-0O_sYVeg?controls=0&showinfo=0&rel=0&#8243; frameborder=”0″ allowfullscreen></iframe>

No third party plugins have been used …..

[Jason Bobich]

When embedding a video in a WordPress page’s content, you always want to use the built-in oembed system. This means simply put the URL to the video page in your content.

https://codex.wordpress.org/Embeds

Without doing that, you’re not allowing WordPress (or anything filtering onto that like the theme in this case) to handle the video embedding, in order to help better make it responsive outside of what YouTube is providing.

[Author]

Replies