Hi Webflow -
Using video embeds in multiple places on my site. Works great on Desktop.
Being a big dummy, I didn’t realize this wouldn’t work in mobile.
On desktop, see video inside iMac screen on this page:
http://scottbarbey.com/city-barbecue
but on iPad… embed is just a frozen image. Ugh.
So I guess I have to have 2 embeds.
one for desktop with custom code to auto-play, like this:
<iframe src="https://player.vimeo.com/video/185420819?background=1" title=0&byline=0&portrait=0" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/185420819">cbbq website scroll</a> from <a href="https://vimeo.com/user6825633">scott barbey</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
and one like this on tablet/phone like this:
<iframe src="https://player.vimeo.com/video/185420819? title=0&byline=0&portrait=0" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/185420819">cbbq website scroll</a> from <a href="https://vimeo.com/user6825633">scott barbey</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
BUT - How? Do I need to create a second DIV holder/embed unit with the “B” version on desktop and make it invisible - and then swap invisibles on lower mobile breaks? UGH!
Is there any way to do this easier?
thanks as always.
Scott B.
Here is my public share link:
https://preview.webflow.com/preview/scottbarbey70956011502405-c113dc3db0ebd?preview=8b7171529f6bc404f61f3dd47299c65c