CSS Takeaway | Conditional loading for responsive designs.

Small screens get a simple text link to a video. Larger screens get a video embed. The content is conditionally inserted using JS after the DOM is loaded if above a certain window size. This keeps our page quick to load on smaller viewports.

View this video on YouTube of David Brent dancing

References

Please read the following.