aboutsummaryrefslogtreecommitdiff
path: root/_posts/2018-04-16-css-video-backgrounds.md
diff options
context:
space:
mode:
authorBradley Taunt <bt@btxx.org>2024-05-25 16:14:03 -0400
committerBradley Taunt <bt@btxx.org>2024-05-25 16:16:54 -0400
commite417a818e207a6cca6e2f3c471611673ab836a62 (patch)
tree664686a365c3d1e73349b5a667fa892f46445fef /_posts/2018-04-16-css-video-backgrounds.md
Initial commit for Jekyll testing and conversion, updated
Diffstat (limited to '_posts/2018-04-16-css-video-backgrounds.md')
-rw-r--r--_posts/2018-04-16-css-video-backgrounds.md33
1 files changed, 33 insertions, 0 deletions
diff --git a/_posts/2018-04-16-css-video-backgrounds.md b/_posts/2018-04-16-css-video-backgrounds.md
new file mode 100644
index 0000000..17c6115
--- /dev/null
+++ b/_posts/2018-04-16-css-video-backgrounds.md
@@ -0,0 +1,33 @@
+---
+layout: post
+title: "CSS Video Backgrounds"
+date: 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/)
+
+
+
+
+
+
+