We put a YouTube video on our web page using the YouTube iframe API. The iframe src looks like below.
When viewing the page through laptop browser, like Chrome and Safari,
YouTube logo is hidden with the param modestbranding=0.
But when viewing the same page on Android Chrome, the logo is visible and covers on the video.
Is there any iframe params or any way to remove YouTube logo?
To update the solution on our case here. The root cause is the width and height we provided are too small.
As stated in YouTube IFrame API, the size should be at least 200px by 200px.
Embedded players must have a viewport that is at least 200px by 200px. If the player displays controls, it must be large enough to fully display the controls without shrinking the viewport below the minimum size. We recommend 16:9 players be at least 480 pixels wide and 270 pixels tall.
We ended up with giving the embed iframe fixed size and applying CSS transform to the whole page.
Then this problem is patched.
I have used YouTube's API in my mobile app before and ran into a similar problem. What I found is that YouTube always makes sure there is a way to link back to their site.
Even in a desktop/laptop browser when you move the mouse the YouTube link is on the far right side of the video's progress bar.
For a mobile device there is no mouse so instead of placing it on the progress bar they put a static link in the corner of the video.
There may be a way to cover it up by placing something on top of it using HTML and JavaScript. I am pretty sure this will breach the licence agreement so I would not recommend it.
