From 07e4a2dafe248280b5610f8c7d09b0f30b530f54 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Mon, 10 Jun 2024 09:41:25 -0400 Subject: Initial modifications to rebuilt only changed files based on mod date, performance updates --- build/posts/css-video-backgrounds/index.html | 52 ++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 build/posts/css-video-backgrounds/index.html (limited to 'build/posts/css-video-backgrounds/index.html') diff --git a/build/posts/css-video-backgrounds/index.html b/build/posts/css-video-backgrounds/index.html new file mode 100644 index 0000000..50bcbd0 --- /dev/null +++ b/build/posts/css-video-backgrounds/index.html @@ -0,0 +1,52 @@ + + + + + + + + CSS Video Backgrounds + + + + + + + +
+

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)

+

CSS Video Background (Safari Only)

+

You can read up on all the new features implemented in 11.1 Safari here:

+

New WebKit Features in Safari 11.1

+ \ No newline at end of file -- cgit v1.2.3-54-g00ecf