Attribute and Style Editor is a free Chrome add-on developed by jtank4 Better-Tumblr-Video Dev. It falls under the category of Browsers and is specifically categorized as an Add-ons & Tools subcategory. This handy tool allows users to define rules that automatically add or change HTML attributes or CSS styles for specified elements on any website.

To get started, simply add the add-on from the Chrome Web Store. Once installed, you can access the add-on by left-clicking on its icon located in the top-right corner, next to the URL bar. From the drop-down menu, select the Define rules button to open the rule editor.

For an optimal experience, it is recommended to use the pre-defined rules provided in the recommendedRules.json file, which can be found in the add-on's GitHub repository. Simply copy and paste these rules into the text area in the rule editor and click the Save button to apply them. These recommended rules are designed to enhance video playback on Instagram and Tumblr, adding controls such as a time scrub bar and volume bar. They also serve as a great starting point for creating your own custom rules.

For more information on how to use this add-on and to explore its full potential, visit the GitHub repository and refer to the readme file.