Mindblown: a blog about philosophy.
-
Custom Vimeo Video Carousel using Swiffy Slider in Oxygen
This members-only tutorial provides the steps to set up a slider/carousel of Vimeo-hosted videos with the videos playing in a lightbox on click when using Oxygen. We shall register a video CPT with an associated video_url custom field so each CPT item can have a Vimeo video associated with it add a few CPT items…
-
Lazy Loading Vimeo Videos on a CPT Archive in Oxygen
This premium members-only tutorial provides the steps to use Velocity to display video thumbnails which when clicked plays Vimeo videos thereby enabling you to lazy load the videos for a better page speed in Oxygen. We shall register a movie Custom Post Type, add a video_id custom field to this CPT, enter the video IDs…
-
How to get Thumbnail URL and other info from a Vimeo ID in WordPress
If you are looking to get thumbnail URL or other data like the video title from the video ID for public videos on Vimeo in your WordPress site, here’s a handy function that uses Vimeo’s oEmbed endpoints: Sample usage: output: Available data: If you want to see the contents of the array, you could after…
-
Responsive auto-playing Vimeo video in Oxygen
This members-only tutorial provides the steps to set up a responsive auto-playing Vimeo video in Oxygen that takes up the full width of the parent container. Here’s How In the Oxygen editor add a Code Block. Set its Width to 100%. PHP & HTML: This is a premium members-only content. To view the rest of…
-
Vimeo Videos Grid using ACF Repeater in Oxygen
Updated on March 02, 2021 This members-only tutorial provides the steps to display a grid of Vimeo video thumbnails (fetched using Vimeo’s oEmbed API) with the titles and URLs taken from a Advanced Custom Fields’ Repeater field in Oxygen. Backend: Frontend: We shall use GLightbox so that clicking on a thumbnail will autoplay that video…
-
Using Fluidvids for responsive videos in Oxygen
This tutorial provides the steps to make YouTube and Vimeo oEmbeds automatically responsive in Oxygen. When a YouTube video URL like https://www.youtube.com/watch?v=tpxr6BCrdDs is pasted in the WordPress editor, it automatically embeds the YouTube video player. We can use Fluidvids, a lightweight (just 1KB) Javascript module to make these responsive on the frontend. Live demo: Any…
Got any book recommendations?