Videos

{videos} {video params/} &| {youtube params/} {/videos}

Player for HTML5 Video and Youube videos on your website, easy to use.

{videos} .... {/videos}

Parameters: none

Contains: {video/} and/or {youtube/} tags.

{video width="number" height="number" autoplay="true|false" loop="true|false" poster="/string" source="URL" type="media" /}

Player for HTML5 videos

Parameters:

width: Width of the video, default is "640".

height: Height of the video, default is "480".

autoplay: Set the autoplay for the video, default is "false".

loop: Runs thevideoin a continuous loop , default is "false".

poster: URL of a poster image for the video. Format: http://video-js.zencoder.com/oceans-clip.mp4

source: URL of the video

type: media type of the video. Auto detection for mp4, webm, and ogg files. Format for types: "video/mp4", "video/webm", "video/ogg" and so on.

{youtube width="number" height="number" autoplay="true|false" loop="true|false" poster="/string" source="URL" /}

width: Width of the video, default is "640".

height: Height of the video, default is "480".

autoplay: Set the autoplay for the video, default is "false".

loop: Runs thevideoin a continuous loop , default is "false".

poster: URL of a poster image for the video. (not realy needed, will be get from youtube)

source: URL of the video.

  • Format:
    • https://www.youtube.com/watch?v=XGgkDJQXSsI
    • https://www.youtube.com/embed/XGgkDJQXSsI
    • Playlists
      • http://www.youtube.com/playlist?list=PLA60DCEB33156E51F
      • http://www.youtube.com/watch?v=xjS6SftYQaQ&list=SPA60DCEB33156E51F

How to use it:

{videos}
{video height="264" source="https://video-js.zencoder.com/oceans-clip.mp4" poster="https://video-js.zencoder.com/oceans-clip.png"/}
{youtube source="https://www.youtube.com/watch?v=XGgkDJQXSsI"/}
{/videos}

For more inforamtions see http://www.videojs.com/ , https://github.com/videojs/video.js/tree/stable and https://github.com/eXon/videojs-youtube

Example:

Embedded video from https://www.youtube.com/watch?v=qEVpJK7pEPE

YouTube


Available for:

Tags: Tag, CSS, Java-Script, jQuery, Joomla!, JPlugger, Videos, Video, YouTube

PrintEmail

Advertising

© 2010 - 2017 FINWICK® UG

We have 35 guests and no members online