Tag Archives: web

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: , , , ,

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: , , , ,