CSS for Resizing Video
- Author: Tom Woodward
- Category: WordPress
- Tags: CSS, webdev
Just a handy chunk of CSS to make your video embeds behave better. It’s out there but not a bad thing to spread farther.
Related posts
Some Interesting WP Landing Pages
The link bait title should have been something like “5 Must See Themes for WordPress Multisite” but in any case, I’m wandering around the Internet looking for interesting/useful looking examplesI’m assuming most people who read this blog are already aware of UMW, CUNY Commons, and DS106. (educational and otherwise). I started by browsing this old Google spreadsheet of WordPress in education examplesIt is interesting to see which have stayed and which have folder as the spreadsheet is being updated but is also several years old. and then moved on to the WordPress showcase but focusing on BuddyPress and multisite flavors. [snap url=”http://www.trcommons.org/” alt=”Tufts Roundtable Commons” w=”400″ h=”300″ link=”on”] Clean layout with some links out to multimedia elements (Roundtable Radio). This is a nice additional example to show that while DS106 is undeniably great, there are other people in education pushing at the transmedia publishing. [snap url=”http://www.msoe.edu/welcome” alt=”Milwaukee School of Engineering” w=”400″ h=”300″ link=”on”] Slick graphic design and lots of content without feeling too overwhelming. I think it’s a good balance of static/activity. The WordPress inclusion write ups are also interesting reading. [snap url=”http://www.nytimes.com/interactive/blogs/directory.html?_r=0″ alt=”NY Times Blog Index” w=”400″ h=”300″ link=”on”]Interesting to see how they display 60 some odd blogs. [snap url=”http://sites.psu.edu/” alt=”Sites at Penn State” w=”400″ h=”300″ link=”on”] A different focus/look but one worth considering for example browsing. I’d consider […]
- Author: Tom Woodward
- Category: WordPress
Importing Moodle into WordPress
flickr photo shared by Internet Archive Book Images with no copyright restriction (Flickr Commons) A week or two ago some faculty members asked me about getting the Leadership Education in Neurodevelopmental Disabilities (LEND) content out of the Moodle hosted at Vanderbilt and into WordPress. I figured I could do this. Someone might even have done it already. If not, I figured the export options would have to put out something fairly straightforward that could be parsed. In any case, the majority of my learning comes from committing to things I don’t quite know how to do. Turns out I couldn’t find anyone who’d done this before. I went a variety of different routes as I attempted not to do the work myself. First, I exported the course in the two different flavors that were available (SCORMI’m pretty sure this is a comic book villain./Course Cartridge and Moodle backup). Just for fun I tried a few different flavors of import plugins . . . Edwiser Bridge might have worked but required a higher level of connection to Moodle than I felt like dealing with and seemed more focused on integration rather than migration, Simple CSV Importer and WP All Import both failed to do what I needed despite pushing XML around a bit to try to make it work. So with […]
FacetWP – a semi-tutorial
I don’t usually usually pay for WordPress plugins but this is one I’ve come to likeDon’t try to trick me into something deeper. quite a bit. To start off, I have a historic interest in facet based searching. It is one of the main things that continues to appeal to me about Exhibit (one of the earlier javascript based tool libraries aimed at non-developers). I’ve looked at a lot of different options to make that kind of thing work for WordPress over the last 5 to 7 years.I even went as far as creating a rather shoddy (but earnest) child theme to make it happen. This is by far the best option I’ve found. Why I Like It You can see all the bells and whistles on the demo page. The brass tacks version is that it allows you create a variety of guided search options and create custom page templates with or without the search pieces. I’ve used it personally and on rampages in a few slightly different ways. Here it is just using the custom display (no search) to show 3rd Space related images and I’ve used it to do something similar on this page with posts from my blog in the ‘Photography’ category.The CSS still needs some work. On this site, it’s allowing faceted searching based on […]
Comments on this post
I’ve used very similar css before- note that the padding-bottom value works for landscape oriented videos but if embedding a flipped phone video you need a value like 8o% (I’ve managed by pulling the selector out of the container class and using two other additional classes for .portrati and .landscape
In WordPress I use the Fluid Video embeds lugin https://wordpress.org/plugins/fluid-video-embeds/ that adds the fluid sizing to suit embeds. I only had one them where it failed (I think it was already applying it)