Can I customize the color of the progress bar in embedded Google Drive videos?

Other Questions Google drive
1

Hey everyone,

I’m trying to figure out how to change the color of the progress bar in embedded Google Drive videos. Right now, it’s showing up as red, but I’d really like it to be white instead.

I know that for YouTube videos, you can use a color parameter in the embed code like this:

<iframe src="https://www.youtube.com/embed/VIDEO_ID?color=white" width="560" height="315" frameborder="0"></iframe>

But I can’t seem to find a similar option for Google Drive embeds. Does anyone know if this is possible? Maybe there’s a different way to customize the player appearance?

I’d appreciate any tips or workarounds you might have. Thanks in advance for your help!

2

Unfortunately, customizing the progress bar color for embedded Google Drive videos isn’t a built-in feature like it is with YouTube. Google Drive’s embed options are more limited. As a workaround, you could consider using a third-party video player that supports Google Drive files. Some options like JW Player or Video.js might offer more customization. Alternatively, if it’s feasible, you could upload your videos to YouTube instead and use their more flexible embed options. It’s not ideal, but those are probably your best bets for achieving the look you want.

3

i don’t think you can change the color of the progress bar for google drive vids :frowning: i’ve tried before and couldn’t find a way. maybe try using a custom video player instead? that might give you more control over the appearance. good luck!

4

I’ve actually faced this issue before when working on a client’s website. While Google Drive doesn’t offer native customization for the progress bar, I found a workaround that might help. You can use a custom CSS overlay to create the illusion of a white progress bar. It’s not perfect, but it gets the job done.

Here’s what I did:

  1. Wrap the iframe in a container div
  2. Apply CSS to create a white bar that overlays the red one
  3. Use JavaScript to update the width of the white bar based on video progress

It takes some tweaking to get right, but it’s a decent solution if you’re set on using Google Drive embeds. Just be aware that it may break if Google changes their player structure in the future.

If you’re open to alternatives, I’d second the suggestion to look into dedicated video hosting platforms. They often provide much more flexibility in terms of player customization.