HTML5 Media Player

posted by IndianGuru - 10/3/2012
IndianGuru Active Since 4/17/2005
India

reviews Ask a Question

1 users are watching this product.

Now you can easily add Video / Audio / Image to your DotNetNuke site. Just add this Module to your site and set the Media Url, either a file or a Url on the web and that is it Module 27542

$49.00

Add To Cart

Please see the Demo here

Now you can easily add Video / Audio / Image to your DotNetNuke site. Just add this Module to your site and set the Media Url, either a file or a Url on the web and that is it.

You can define Poster image, Description and many more to your Media. Now you can also give an Optional link / url, so that User can click on your Media and get redirected to your NavUrl

As you must be aware, most modern browsers now support HTML5. Using this new markup, you are no longer required use properitory Objects or Applet for Media. Besides, using client side browser maximizes user experience and speed of the Media rendering.

Please note you do need to have HTML5 compliant Browser.

Try this new Media Player and you would love it

 

The following table shows the HTML5 Media Player attributes.

Attribute Description
src Specifies the location of the video file. Its value must be the URI of a video file.
poster Specifies an image to use while the video is unavailable (i.e. it hasn't loaded yet). This is typically an image of one of the first frames of the video. If supplied, the value must be a valid URL of an image.
Navigation URL Specify the URL, clicking it the User will be directed to the Link on the Web or the Page on your site. You may choose to open a New Browser window.
autoplay Specifies whether or not to start playing the video as soon as it can do so without stopping.

This attribute is a boolean attribute. 

loop Specifies whether to keep re-playing the video once it has finished.

This attribute is a boolean attribute. 

muted Controls the default state of the video's audio output. If present, this attribute results in the audio output being muted (i.e. there is no sound) upon loading. This attribute will override the users' preferences. The user can then choose to turn on the sound if he/she so wishes. This helps users from being annoyed by loud sounds coming from the video as soon as the page/video starts loading. Users often close their browser when this happens. The 'mute' attribute aims to overcome this issue by having the video start off silently instead of loudly.

This attribute is a boolean attribute. 

controls Specifies whether or not to display video controls (such as a play/pause button etc).

This attribute is a boolean attribute.

width Specifies the width, in pixels, to display the video.

Possible values:

[Non-negative integer] (for example, 300)

height Specifies the height, in pixels, to display the video.

Possible values:

[Non-negative integer] (for example, 150)