No play button on mobile

[joerex]

I'm having an issue on mobile devices where vjs-big-play-button is set to display none by injectCss no matter whether or not I choose to use the youtube player controls.

[simonerlandsen]

I also see this. You can see this issue by opening the a project with this tech in use in chrome, and then emulate a phone. Big play button is missing.

[chrisbell08]

+1 on this one

[chrisbell08]

Quick Fix i'm using ATM: .vjs-youtube-mobile .vjs-big-play-button { display: flex !important; } .vjs-youtube-mobile.vjs-has-started .vjs-big-play-button { display: none !important; }

[592da]

the youtube play icon is still there below the player button as @chrisbell08 solution suggest... this is because the content is loaded inside an Iframe and the target element inside it is

 button.ytp-large-play-button.ytp-button

also, the youtube spinner (.ytp-spinner) is disturbing on the background... I don't think adding a className will work here...

any suggestions ?

[Nestrot]

you can override that (thanks chrisbell08):

.vjs-youtube-mobile .vjs-big-play-button { background:#000; display: flex !important; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.15); height: 1.5em; width: 1.5em; margin-left: -0.8em; }

.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button { display: none !important; }