Slide backgroundattractive selection of various blog post screenshots
CLAIM YOUR SPACE ON THE WEB
Rampages logo

Academic Learning Transformation Lab

Connected Learning for a Networked World

ALT Lab models and inspires connected learning for a networked world through faculty development, student engagement, communities of practice, and technology enhanced active learning. We cultivate distinctive experiences of deeper learning fostered by high engagement for student success. For disambiguation...

Slide backgroundAbstraction of the Online @ VCU log

INTERESTED IN OUR ONLINE COURSES

AND DEGREE PROGRAMS?

Online @ VCU logo

YouTube Full Screen Player Page from Playlist

The request was that we do something interesting with the random screens we have scattered around our area. It seemed like it’d be easy to make a little full-page player for a YouTube playlist with some lightweight overlays to emphasize the connection with our department. Handling the videos displayed via a playlist makes it easy to add/remove content and the making the logo overlays part of the webpage let us keep things consistent across videos we didn’t control. Since we weren’t activating sound by default turning on captions by default was also a key need. The codepen example is here. The HTML is dead simple. We’ve got a wrapper div which lets us make it full screen, an ytplayer div for the videos, and two divs to do the logos. The javascript is pretty much a cut/paste from the YouTube API docs. There are a few changes to reference the playlist instead of a single video and some stuff around closed captions and that’s noted below. The main tweak here is to get the fullscreen video to behave. I use this pattern from CSS tricks. The other stuff just staples some divs over the lower corners to show the logos.

Weekly Web Harvest for 2017-11-05

Various – Don’t Trust Your Neighbors: Early Albanian Traditional Songs & Improvisations, 1920s-1930s (Vinyl, LP) at Discogs Various ?– Don’t Trust Your Neighbors: Early Albanian Traditional Songs & Improvisations, 1920s-1930s In the Land of Vendettas That Go On Forever | VQR Online Prenga burst into the station with his brother and a cabal of associates, discharging several rounds of gunfire and hollering, “We will eradicate your tribe!” Theme 1: The information environment will not improve. The problem is human nature | Pew Research Center Theme 1: The information environment will not improve. The problem is human nature Why an (interactive) picture is worth a thousand numbers – O’Reilly Media Miriah Meyer explores how interactive visualizations can help us find meaning in mounds of data. MNT Reform: DIY Portable Computer For a long time, I wanted a portable personal computer which you can… Repair by yourself with parts from the hardware store or 3D printing Thoroughly understand on any level Take apart, modify and upgrade without regret Adapt to your tastes and use cases, staying with you for many years In Summer/Autumn 2017 I teamed up with industrial designer Ana Dantas to make this machine happen. Three months later, I can type this article on the first prototype of Reform, our DIY portable computer. Fact Checks  |  Search  |  Google Developers If […]

Weekly Web Harvest for 2017-10-29

Theme 1: The information environment will not improve. The problem is human nature | Pew Research Center Theme 1: The information environment will not improve. The problem is human nature Why an (interactive) picture is worth a thousand numbers – O’Reilly Media Miriah Meyer explores how interactive visualizations can help us find meaning in mounds of data. MNT Reform: DIY Portable Computer For a long time, I wanted a portable personal computer which you can… Repair by yourself with parts from the hardware store or 3D printing Thoroughly understand on any level Take apart, modify and upgrade without regret Adapt to your tastes and use cases, staying with you for many years In Summer/Autumn 2017 I teamed up with industrial designer Ana Dantas to make this machine happen. Three months later, I can type this article on the first prototype of Reform, our DIY portable computer. Fact Checks  |  Search  |  Google Developers If you have a web page that reviews a claim made by others, you can include a ClaimReview structured data element on your web page. This element enables Google Search results to show a summarized version of your fact check when your page appears in search results for that claim. The world’s biggest grave robbery: Asia’s disappearing WWII shipwrecks | World news | The Guardian Experts said […]

Contact us

Academic Learning Transformation Lab - ALT Lab
1000 Floyd Ave, Suite 4102 | Richmond, Virginia 23284
altlab@vcu.edu | 804-827-5181

Last updated: September 26, 2017

Virginia Commonwealth University