How can I remove the stroke on my video when using HTML Embed in Webflow?

To remove the stroke on a video when using HTML Embed in Webflow, you can use CSS to target and style the video element. Here's how you can do it:

1. Open your Webflow project and navigate to the page where the video is added using HTML Embed.

2. Click on the HTML Embed element to access its settings.

3. Go to the Custom Code section and click on the </> icon to switch to the Code Editor.

4. In the Code Editor, add a <style> tag and target the video element using its class or ID. For example, if your video has a class "my-video", you can use the following CSS:

<style>  .my-video {    outline: none;    border: none;  }</style>

1. Save your changes and publish the site to see the stroke removed from the video.

By targeting the video element with CSS, you can remove any styling, including the stroke, that is being applied to it. This method allows you to customize the appearance of the video player embedded in Webflow.

Additional Questions:

1. How do I target specific elements using CSS in Webflow?
2. Can I apply custom styles to HTML Embed elements in Webflow?
3. What other CSS properties can I use to style videos in Webflow?