blog-tutorial-post-template

Tutorials

Previous called “cleanVideos”

How to I import a local video file?

Depending on the video format there are a variety of ways you can import the code. Note that cleanVideos supports the 3 main formats: object, iframe, embed. You’ll see these at the beginning of the HTML.The following is an example of a code you can use to pull a video from the Resources section of your site (You would replace the “VIDEO.AVI” with the proper name of the file):

1
<object width="100%" height="100%" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="%resource(VIDEO.AVI)%" /><param name="title" value="My Cool Video" /><embed width="100%" height="100%" type="application/x-shockwave-flash" src="%resource(VIDEO.AVI)%" title="My Cool Video" />     </object>

HTML5 Videos

Simple Videos 2.0.0+ comes with a snippet file, though you can use any of the following formats in place of the one included. Note that width and height will not effect the video as it is fully responsive, so width will be set according to the containing element and height will be set according to the aspect ratio.

1
2
3
<video id="myVideo" width="600" height="400" controls="controls" poster="%resource(video.jpg)%"><source src="%resource(video.mp4)%" type="video/mp4" /><source src="%resource(video.webm)%" type="video/webM" /><source src="%resource(video.ogv)%" type="video/ogg" />
 
Your browser does not support the video tag.</video>

Your browser does not support the video tag.</video>

Changelog

v2.4.1 (December 10, 2013)

  • Embed code is moved to customization options section – to allow for easier editing for existing video HTML posts (note that this will cause existing embeds to not display so please save the embed code prior to updating)
  • Changed instructional information when the stack is placed – newer YouTube videos were not displaying due to the omission of “http:” so please be sure to make sure that is there – it can be manually typed in if missing
  • Added Maximum Height On/Off option including pixel Max Width control (if turned on)

v2.1.2 (October 29, 2013)

  • Grouping changed back to ‘1LD Stacks’

v2.1.1 (July 1, 2013)

  • SPARKLE ready

v2.0.1 (June 27, 2013)

  • Changed logo and Edit Mode (backend) icons

v2.0.0 (May 21, 2013)

  • Renamed Simple Videos (cleanVideos will be a separate stack for the cleanSuite series)
  • HTML5 Support
  • HTML5 Snippet Included
  • Edit Mode UI Changes

v1.1.0 (January 4, 2013)

The cleanVideos 1.1.0 Update adds support for custom iFrames, various websites and further support in more themes (solves previous issues displaying in some themes and containers).

v1.0.2 (October 23, 2012)

Small patch for the Free cleanVideos responsive video RapidWeaver stack./p>

The patch cleans up small coding items, that were not causing conflicts, but worth giving attention. In addition, the section for inserting the video HTML now reads “Insert HTML Here” to make further clarification that it is an HTML section vs text.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software