diff options
| author | Bradley Taunt <bt@btxx.org> | 2024-06-06 08:05:12 -0400 |
|---|---|---|
| committer | Bradley Taunt <bt@btxx.org> | 2024-06-06 08:05:12 -0400 |
| commit | 6b742c459266b18e2b375b35205ce8a6c02f0452 (patch) | |
| tree | b16fbb9a045e33dd6c97eb5ab72e6ff4d9237ea3 /posts/css-video-backgrounds.md | |
Initial commit
Diffstat (limited to 'posts/css-video-backgrounds.md')
| -rw-r--r-- | posts/css-video-backgrounds.md | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/posts/css-video-backgrounds.md b/posts/css-video-backgrounds.md new file mode 100644 index 0000000..d4a3123 --- /dev/null +++ b/posts/css-video-backgrounds.md @@ -0,0 +1,30 @@ +# CSS Video Backgrounds + +2018-04-16 + +With the release of Safari 11.1 on macOS and Safari on iOS 11.3, developers now have the ability to support background videos (mp4 support only - at the time of this article) with pure CSS. + +Example: + + + .video-background { + background-image: url('path-to-video.mp4); + } + + +## See it in action + +Check out the very basic CodePen I created below to see it live (make sure you view it in latest Safari or else you won't see anything :P) + +<a href="https://codepen.io/bradleytaunt/pen/JLgrag/">CSS Video Background (Safari Only)</a> + +You can read up on all the new features implemented in 11.1 Safari here: + +[New WebKit Features in Safari 11.1](https://webkit.org/blog/8216/new-webkit-features-in-safari-11-1/) + + + + + + + |