Let’s start with, what in this code can I remove, that I don’t need?
What I want to do is keep the html 5 player invisible, allowing it to auto play when you click on it.
Do I need this whole code to do that, or can I remove some of that? Can I use only display:none, and get rid of everything else? or do I need the other stuff also? Suggestions and recommendations are welcome.
Do I need all of this [frameborder="0" marginwidth="0" marginheight="0" width="0px" height="0px"] If it works how it’s supposed to with just display:none?
You can add comments to HTML or CSS code, and instruct browsers to ignore them by indicating that they are just comments. In HTML you would do it like this: <!-- This is just a comment --> You can use those same markers to “comment out” sections of your code for testing, so that the browser will ignore them. It’s often easier than deleting and reinstating text.
Most (all?) browsers come with in-built developer tools which let you see the effects of removing or changing items without editing the code.
Inline css IS still CSS - it’s just a maintenance nightmare. And no, using blogspot/blogger is not an excuse for doing so as it’s easy to setup there as well. (@Mittineague even gave you exact instructions on how to do it in one of your many earlier threads)
To get back to your specific question…In your example above, you could just get rid of all of it since it’s all zeroed out. But you could set the element up as you want it to view when it IS visible, and just change the display style.