Embedding a Windows Media Player

Claire Yumi Hong

Introduction

The instruction set below will guide you through the process of embedding Windows media files. Once you choose a desirable audio file either in 'wma' or 'wmv' format, this tutorial will show you how to upload the file and embed it to your Penn State Blog.

A page or an entry with background music will create sophisticated and favorable impression. This tutorial uses Chopin's Nocturne in wma file as an example, but the same method applies to all other audio files in Windows media player.                    

Required Materials: Windows media player

The screencast below will provide a visual navigation of detailed steps necessary to complete the whole process of embedding windows media player.

Screencast Tutorial

Uploading a 'wma' file

1.        Access your blog dashboard.

2.        Under 'Create' tab, click Upload File- then a new window will pop up.

3.        Click the Browse button.

4.        Find a desirable audio file and click Open.

5.        Click the Upload button and File Options will appear in the same window.

6.        Uncheck the box next to Create a new entry using this uploaded file.

7.        Click Finish.

NOTE: Make sure to uncheck the box named 'Create a new entry using this uploaded file.' 

Embedding the media player

8.       Under 'Manage' tab, click Assets.

9.       Find your audio file and click its title.

10.   Click 'Embed Asset' and copy the URL by right clicking the highlighted URL box.

A.       Example: http://www.personal.psu.edu/username/blogs/name/file.pptx

11.    Select Entry or Page under Create tab.

12.    Write a title and a body

13.   Select <A> which will convert the body texts to HTML Mode.

14.   Paste the copied URL temporarily.

15.    Insert the block of HTML code below by copying and pasting the code in the body

16.    Replace videofilename.wma with your own file name which is the copied URL.

NOTE: If you are an advanced HTML user, you can create various features associated with windows media player by alternating the parameters of the HTML code.

COMMENT: If desired, you can set your 'Autostart' value equal to true/1 instead of 0 for an automatic play. Then, the video/music will begin playback automatically; otherwise, it will perform no actions until the user press Play button.

       17.  Select Preview and check your media player; then hit save to publish it.

Sample Work