Tag Archives: programming

How to embed .mov videos in an HTML page

I’m still new at web programming, so today was the first time that I wrote code to embed a video into an html webpage. Being fairly clueless about how to do this, I looked to Google. After several searches, I was still confused. I read about the new HTML5 video standards, but they weren’t that relevant: the site that I’m working on gets most of it’s traffic from users of outdated versions of IE (hooray!).

Anyway, I looked around and finally found a working example and a helpful post about how to resize .mov videos.

This is what I ended up with:

<div class="embeddedVideo">
	<object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' 
		width="600" height="400" 
		<param name='src' value="assets/videos/">
		<param name='autoplay' value="false">
		<param name='controller' value="true">
		<param name='loop' value="false">
		<embed src="assets/videos/" width="600" height="400" 
		scale="tofit" autoplay="false" 
		controller="true" loop="false" bgcolor="#000000" 

The code is pretty generic. I’ll probably use it for other videos and only change the value (places where it currently says assets/videos/, width, and height variables. I know there are better ways to go about this– using newer HTML5 standards, for instance. But to just get the video up on the page, this worked for me.


Posted by on July 8, 2011 in Programming, Web development


Tags: , , , ,

Make Notepad++ A Little Less Cluttered

Remove the toolbar in Notepad++

Notepad++ is a great, free IDE for Windows. Unfortunately, its user interface is not exactly stunning. The icons in the toolbar at the top, for example, are as cryptic as Ancient Egyptian hieroglyphs. Since I don’t use the toolbar anyway, I figured out how to get rid of the toolbar and leave the text editor looking a bit cleaner.

Here goes:

We start with ugly notepad++:

Notepad++ with a not-that-useful, not-that pretty toolbar at the top.


Then we go to the Settings menu and select Preferences. In the dialogue that appears, the General tab should be selected by default. To the left side of the box, there are options to configure the toolbar. Check the box that says “Hide”.

Preferences menu to hide the toolbar.

Close the dialogue box and there you go, a cleaner looking Notepad++.


Posted by on July 7, 2011 in Programming, Software


Tags: , ,

How to enable syntax highlighting for LESS in Notepad++

After doing a fair bit of searching over several days, I found a way to enable syntax highlighting for the LESS CSS programming language in my text editor of choice, Notepad++. The real key here was finding this page, which lists countless user-defined language files for Notepad++. From there, you can download the LESS.js file. It is an XML file. Once you’ve downloaded that, simply open up Notepad++, go into the View menu,  then click User-Defined Dialogue. That will make a dialogue box pop up. Toward the top of the box, there’s a button that says Import… click it and select the LESS XML file that you downloaded. Close the window, and go to a .less file. Go into the Languages menu, and you should see LESS at the bottom of the list.  After you click on it, the .less file you have open should show proper syntax highlighting.

One issue I ran into with this is that the LESS escape character, ~ is not included in the language file download. Luckily, this is easy to fix by returning to the User-Defined Dialogue box. In the dialogue box, underneath the Operators tab, check the box that says “Enable escape character”, and type “~” into the adjacent text box. Voila!

One other thing: since this is a user defined language, if you are using a style other than the default style in Notepad++, the highlighting will look strange; all the text will be highlighted in white (it looks weird against a black background). I haven’t found a way around this yet, and am just using the Default Notepad++ style when I’m working on .less files.


Posted by on July 7, 2011 in Programming, Software, Uncategorized


Tags: , , , ,