HTML & XHTML Audio & Video Tutorials
Before I start there is about three ways to add a background sound to your web page. I will start off with the <bgsound> tag, which is an Internet Explorer only tag that lets you add a background sound to your web page that your users will hear when they visit your web page. You will need to place your <bgsound> tag between the <head> tags, but you can also place it within the <body> tags as well. An end tag is not required, but for XHTML it is, even though it will never validate because the <bgsound> tag is a non-standard tag.
Read More ››Now the second method of adding a background sound clip to your web page works in Internet Explorer, the dead and departed Netscape, Opera and Firefox as well as other browsers. In order to add a background sound clip to your web page we will need the <object> tag along with its width, height and data attributes. We will also need three <param> tags along with its name and value attributes.
Read More ››The third way to add a background sound to your web page is by using the <embed> tag along with its src, autostart, autoplay and hidden attributes. The <embed> tag is a non-standard tag but it is widely supported by most browsers, what this means is that your <embed> tag will not validate when you check your web page to see if it’s valid. The <embed> tag allows you to embed music, videos and other kinds of multimedia in your web page. The <embed> tag also requires an end tag.
Read More ››Now you can also add links to audio and video clips to your web pages, which is also known as an external media file by using the <a> tag and its href and title attributes, which I will explain in a bit. The audio or video clip will either open your users default audio or video application like Windows Media Player or Real Player when a user clicks the link. And if your user doesn’t have, the correct audio or video application or plugin to play your video or audio files your users browser will ask if they would like to download the application or plug in. Also your user can download the video or audio clip file to their computer or flash drive or whatever storage device they prefer by placing their mouses pointer over the audio or video file link and right clicking their mouse and choosing "Save Target As…".
Read More ››You can also use an image to link to your audio and video files. You will need to use the <a> tag and its href and title attributes along with the <img> tag and its src, alt and border attributes. Let me first explain about the <img> tag and its attributes first.
Read More ››One of the best ways to add playable music to your web page for your users to hear is by using the non-standard <embed> tag, which requires an end tag. Non-standard basically means the <embed> tag will not validate if you try to validate your web page. Non-standard tags are not listed in the HTML or XHTML recommendation.
Read More ››You can also add music to your web page by using the <object> and <param> tags and their attributes. The <object> tag will need the width, height and data attributes. And the <param> tag will need the name and value attributes. Let me explain the <object> tag and its attributes first.
Read More ››Now adding playable videos for your users to view and play is easier said then done, because many and I mean many factors will affect how your code is displayed for each one of your users. For example, your users browser settings or their default media player are just some of the factors that will cause your code to be displayed incorrectly for your users.
Read More ››Another, some what simple way to add playable videos to your web pages involves using the <object> and <param> tags along with their attributes that include data, width, height and the required type attribute for the <object> tag. And the value attribute along with the required name attribute for the <param> tag. The <object> and <param> tags are the recommended way to display videos on your web page, unlike the <embed> tag, which is a non-standard tag.
Read More ››How To Make Your Music & Video Clips Repeat
Now you can also make your music or video files repeat over and over again by using the loop attribute, which I briefly explained earlier in the "How To Add A Background Sound To Your Web Page Part 1" tutorial, but I will explain it again for you anyway.
Read More ››How To Provide Alternative Content For Your <embed> Tags Using The <noembed> Tag
The <noembed> tag is used with the <embed> tag. You can place the <noembed> tag within or after the <embed> tag. The <noembed> tag also requires an end tag.
Read More ››What Are Audio & Video MIME Types?
Now I talked about MIME types earlier in another tutorial, but I will go over it again, explaining in more detail about what MIME types are and how to specify a MIME type. MIME is short for Multipurpose Internet Mail Extensions. A MIME type is also known as an internet media type and sometimes Content-type. A MIME type is usually made up of at least two parts: a type and a subtype. MIME types where created for Web browsers so that they could accurately interpret files. You can include a MIME type inside the <embed>, <object> or <param> tags by using the type attribute. When you include the type attribute in the <embed> tag only Netscape seems to recognize the attribute.
Read More ››How To Add Flash To Your Web Pages Part 1
There are two ways you can embed Flash on to your web page, one involves using the <embed> tag and the other involves using the <object> tag. I will discuss the non-standard <embed> tag method first. Just let me point out that the <embed> tag will not validate but it is very well supported.
Read More ››How To Add Flash To Your Web Pages Part 2
Now the second method for embedding Flash movies to your web pages involves using the <object> and <param> tags along with their attributes. For instance, the <object> tag has four required attributes, which include height, width, classid and codebase. And the <param> tag has two attributes, which include the required name attribute along with the value attribute. Let me explain the <object> tag and its attributes first and then I will explain the <param> tag and its attributes.
Read More ››Before I begin, Java is not JavaScript they are two completely different types of technologies. Java is used to create small applications like applets, calculators, clocks, drawing shapes and other types of special effects and more that you can embed and run in your browser. I can write a whole book about Java but in this tutorial, I will just explain how to embed a Java applet to your web page.
Read More ››In this tutorial, I am going to show you how to add a Java applet that will play in both Internet Explorer and Firefox as well as other types of browsers and will also validate. We will need to use the <object> tag and its attributes classid, type, width, and height. We will also need the <param> tag and its required name attribute along with the value attribute. We will also need one more thing, which is Internet Explorer’s conditional comments, which I will explain in a bit.
Read More ››The third way to add Java applets to your web pages, only works in Firefox and Mozilla type browsers. We will need to use the <embed> tag and its attributes, which include code, width, height, type and pluginspage.
Read More ››What if a browser only supports the <object> tag and not the <embed> tag or vise versa, how can you make sure that the majority of your users have a chance to view your audio, video, applet or any other type of multimedia file in their browser?
Read More ››