Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (โ‹ฎ) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Feedback for CleanVid - Clean YouTube Embeds

Featured Replies

Hi folks,

I created cleanvid.io and I wanted to ask for feedback about the design, the service and the usability. Shortly about the website: With CleanVid you can remove distracting elements (like title, buttons, or related videos) from YouTube embeds on your website. So the target audience is website owners (that's why I chose this forum).

I am always looking to improve CleanVid and would love to hear your thoughts. Whether you have suggestions, encounter any issues, or simply want to share your experience.

Thanks!

Edited by Stream5557

It say's I've got to sign in with Google to try it for free. Does this mean I always need to be signed into google to embed a video?

It's not clear how this will work with WordPress embeds. Why can't I just use query parameters to clean up the video?

Edited by fisicx

  • Author
1 hour ago, fisicx said:

It say's I've got to sign in with Google to try it for free. Does this mean I always need to be signed into google to embed a video?

You can create an account on the website via Google. If you have an account, you can add the domain of your website. You can then insert the script into your website (as described in the documentation). You can use this for 7 days without restriction, after which your domain will be blocked.
I think I should explain more on the login page.

ย 

1 hour ago, fisicx said:

It's not clear how this will work with WordPress embeds. Why can't I just use query parameters to clean up the video?

By โ€œWordPress embedsโ€ do you mean YouTube embeds on a WordPress site? As with other sites, you just have to insert the script and that's it. Due to the YouTube query parameters, you only have limited options for hiding elements. You can read more here https://developers.google.com/youtube/player_parameters?hl=en#Parameters

ย 

Just give it a try, I think this will solve the ambiguities :)

14 minutes ago, Stream5557 said:

As with other sites, you just have to insert the script and that's it.

Adding the scripts to wordpress as described on your site isn't possible. You need to enqueue.

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

Ideally you need a wordpress plugin. That way you will get far more traction.

If you can't do that the documentation needs to have clear steps as to what to do.

For example:

https://kinsta.com/blog/wordpress-iframe/

Not everyone is a developer. Many won't have a clue how to make this work on their site. Those using wix, shopify or any other site builder can't use it at all.

ย 

ย 

  • Author
19 minutes ago, fisicx said:

Adding the scripts to wordpress as described on your site isn't possible. You need to enqueue.

Unfortunately, I am not familiar with WordPress. However, I use WordPress myself for my blog and I was able to integrate the script there without any problems. Simply insert an HTML block (which you need for your iFrame anyway) and then insert the normal (YouTube generated) code there. Then insert the script (you can see it in the screenshot). At least that's how it worked for me.

However, the documentation is aimed at developers, that's true. I plan to explain in more detail how to integrate CleanVid on other platforms (WordPress, Shopify, ..) in further blog posts. I will also think about a WordPress plugin.

Thank you very much for your feedback!

ย 

The HTML Code for WordPress:

<iframe width="560" height="315" src="https://www.youtube.com/embed/yvvuNn_TfnI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><script src="https://cleanvid.io/src/1.0.0.js"></script><script type="text/javascript">new CleanVid();</script>

example.png

Personally, I would never sign in using Google.ย  Perhaps alternative methods of sign up/in, especially just by email

  • Author
23 minutes ago, babrees said:

Personally, I would never sign in using Google.ย  Perhaps alternative methods of sign up/in, especially just by email

May I ask why? I think many people see it that way. I see almost only advantages from both the user's and the operator's point of view. For users it's convenient and quick to register, you also benefit from Google's security measures, and most importantly you don't have to create or manage passwords, which reduces the risk of weak or reused passwords.
As an operator, this makes me less attractive to hackers, as I don't store any email/password combinations. It also protects me from spam and bots.

The disadvantages are privacy concerns and dependency on Google. And maybe some people think that the Google Sign In gives me access to the account or even passwords.

1 hour ago, Stream5557 said:

Unfortunately, I am not familiar with WordPress. However, I use WordPress myself for my blog and I was able to integrate the script there without any problems. Simply insert an HTML block (which you need for your iFrame anyway) and then insert the normal (YouTube generated) code there. Then insert the script (you can see it in the screenshot). At least that's how it worked for me.

See your code: <iframe width="560"

How will that work on a phone? Or a site with a grid/columns?

For iframes to work on all devices you need to wrap the iframe in a div and add the necessary CSS:

https://www.w3schools.com/howto/howto_css_responsive_iframes.asp

Building a wordpress plugin is easy. Happy to help create one for you.

I shouldn't need to sign in to google to use your tool. A normal email/pass login will be fine.

I do like what you have done, it's very clever but it needs to be more user friendly so non-developers can use it with ease.

Edited by fisicx

24 minutes ago, Stream5557 said:

May I ask why? I think many people see it that way. I see almost only advantages from both the user's and the operator's point of view. For users it's convenient and quick to register, you also benefit from Google's security measures, and most importantly you don't have to create or manage passwords, which reduces the risk of weak or reused passwords.
As an operator, this makes me less attractive to hackers, as I don't store any email/password combinations. It also protects me from spam and bots.

The disadvantages are privacy concerns and dependency on Google. And maybe some people think that the Google Sign In gives me access to the account or even passwords.

I value my privacy.ย  To much to reply here, you would have to look into google and see and know what they're up to.

  • Author
2 hours ago, fisicx said:

See your code: <iframe width="560"

How will that work on a phone? Or a site with a grid/columns?

For iframes to work on all devices you need to wrap the iframe in a div and add the necessary CSS:

https://www.w3schools.com/howto/howto_css_responsive_iframes.asp

I just wanted to show that you can integrate the script into an HTML block. How a YouTube iframe can be integrated well into a page is another matter.

ย 

2 hours ago, fisicx said:

Building a wordpress plugin is easy. Happy to help create one for you.

Thank you, I would love to make use of this!

ย 

2 hours ago, fisicx said:

I shouldn't need to sign in to google to use your tool. A normal email/pass login will be fine.

2 hours ago, babrees said:

I value my privacy.ย  To much to reply here, you would have to look into google and see and know what they're up to.

I have implemented an email login.

  • 1 month later...

I like the idea ! - website also looks good and simple to understand.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions โ†’ Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.