Please see the Demo here
Not tested upto DNN9, working fine there too
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)
|