Sergei Nazarenko

https://developer.mozilla.org/en-US/docs/Web/CSS/b...

гугли How to make splash screen html+ js или css only
https://speckyboy.com/splash-screen-design/

слеш поставь background: url(/img/bg.jpg);

для авто-закрытия поставь плагин https://marketplace.visualstudio.com/items?itemNam...
там их два один для автоматического закрывания другой для переименования
PS: в общем то эти плагины уже не нужны - там есть встроенная поддержка, но мне она почему-то показалась неудобной. Может ситуация изменилась они очень часто обновляют и вносят новые фичи не проверял.
UPD: Ну да автокомплит работает из коробки, переименование тегов надо включать, опция editor.linkedEditing Я вот уже не помню но оно там по-моему в отличии от плагинов не работало нигде кроме HTML.

потому что ты используешь jsfiddle а надо codepen.

Иногда полезно читать документацию

preload
This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience with regards to what content is loaded before the video is played. It may have one of the following values:

none: Indicates that the video should not be preloaded.
metadata: Indicates that only video metadata (e.g. length) is fetched.
auto: Indicates that the whole video file can be downloaded, even if the user is not expected to use it.
empty string: Synonym of the auto value.
The default value is different for each browser. The spec advises it to be set to metadata.