The final code that you will be using should look something like this:
<iframe src="https://www.youtube.com/embed/rWl4y1-rdMw?rel=0;3&autohide=1&showinfo=0" frameborder="0" width="635" height="353"></iframe>
*Note: The Youtube URL, Width, and Height will vary.
The part that needs to be added to the URL after the “rel=0” part is this:
;3&autohide=1&showinfo=0
Youtube will automatically give you all of the code that you need for the size and showing the related videos, so we only need to worry about the part listed above for the coding part. Just paste this after the “rel=0” section.
The end result will be similar to the way the video on this page looks. The dimensions of the video fit nicely into the blog post, and there will be a simple poster frame and play button instead of displaying the video info and the play bar at the bottom. There is also no border around the frame. When the video plays, you will notice that the play bar will hide itself as you hover away, but if you hover over the video you can still change the resolution, make the video fullscreen, enable captioning, etc. When the video is paused, the video title and information are not displayed. At the end of the video, the related videos are not displayed. This keeps the focus on your blog, and prevents something coming up that you may not want to associate with your blog. It appears that the newest form of embedded Youtube videos no longer have the Youtube logo in the corner of the video anymore, so we don’t have to worry trying to remove the Youtube logo.
Thankfully, the days of the not being able to edit the way your embedded Youtube videos look are apparently gone. For those who want to further customize their embedded videos, Google has a list of several other Youtube Embedded Player Parameters.
If your website looks the same on a smartphone as it does on a computer, you’ve got a problem.
The latest data from a study shows that almost 25% of the 35% of Americans who own smart phones, use their phone as their primary way of accessing the Internet:
the Pew Internet Project finds that one third of American adults – 35% – own smartphones. The Project’s May survey found that 83% of US adults have a cell phone of some kind, and that 42% of them own a smartphone. That translates into 35% of all adults.
Our definition of a smartphone owner includes anyone who falls into either of the following two categories: One-third of cell owners 33% say that their phone is a smartphone. Two in five cell owners 39% say that their phone operates on a smartphone platform these include iPhones and Blackberry devices, as well as phones running the Android, Windows or Palm operating systems.
Several demographic groups have high levels of smartphone adoption, including the financially well-off and well-educated, non-whites, and those under the age of 45.
Some 87% of smartphone owners access the internet or email on their handheld, including two-thirds 68% who do so on a typical day. When asked what device they normally use to access the internet, 25% of smartphone owners say that they mostly go online using their phone, rather than with a computer. While many of these individuals have other sources of online access at home, roughly one third of these “cell mostly” internet users lack a high-speed home broadband connection.
via Smartphone Adoption and Usage | Pew Research Center’s Internet & American Life Project.
The use of WordPress as a CMS (content management system) makes it easy to have your content display one way for a computer screen and a different way for a phone or tablet through the use of simple plugins.
- For tablets, OnSwipe is a solid solution that gives your site a magazine feel.
- For phones, WPTouch is a bit of a pain to configure but does the job.
There are also some themes that are purely built for mobile, but, that’s information for another post.
Lately, I’ve been on a usability kick- and looking at better ways to interface with programs we work with everyday.
WordPress has a really great interface- except, that the left sidebar with all it’s drop downs for the different options- seems to have a mind of it’s own- when something is dialed down, you don’t know where to click.
Enter- Ozh- and his plugin for moving the menus to the top- saving space, and making things appear in the same place every time!
When WordPress 2.7 and its new and optimized user interface came, I thought there was still room for improvements: a horizontal menu gave the admin area more of a “desktop application†feel, and I think it’s superior to a vertical menu. So I updated the WordPress Admin Drop Down Menu.
You can download older versions and the current version on his site- but, I always prefer to get it from the Codex:
http://wordpress.org/extend/plugins/ozh-admin-drop-down-menu/