Ahtapoo Player Documentaion

Installation

1) Include CSS file



2) Include the required js files of jquery, jw-player and Athapoo.js file



3) Copy the html code of the video player



4) Copy the js code inside the "MultiPlayers" object


Note: Make sure that the IDs in the html code and the JS code are the same.

A) Styles

- Athapoo includes 4 skins :

- White/Transparent
        1) transparent.css : It apply transparent/white skin with Full Options in the video control bar
        2) transparent.mini.css : It apply transparent/white skin with Minimum video control options in the control bar

- Black/Dark
        3) black.css : It apply black/dark skin with Full Options in the video control bar
        4) black.mini.css : It apply black/dark skin with Minimum video control options in the control bar

B) Demos

- Athapoo include 8 Demos:

- Multi Players Demos
        - Demo (1) : multi-players-in-page.html ==> Multi Players in the same page ( Audio Player + Video Player )

- Audio Player Demos
        - Demo (2) : audio-player-black-skin.html ==> Audio Player with Playlist and Black/Dark Skin.
        - Demo (3) : audio-player-white-skin.html ==> Audio Player with Playlist and White/Transparent Skin.

- Video Player Demos (horizontal playlist)
        - Demo (4) : video-player-black-full-options.html ==> Video Player with Black Skin+Full Options in control bar.
        - Demo (5) : video-player-black-minimum.html ==> Video Player with Black Skin+Minimum Options in control bar.
        - Demo (6) : video-player-white-full-options.html ==> Video Player with White Skin+Full Options in control bar.
        - Demo (7) : video-player-white-minimum.html ==> Video Player with White Skin+Minimum Options in control bar.

- Video Player Demos (vertical playlist)
        - Demo (8) : video-player-with-playlist-vertical.html ==> Video Player with Vertical Playlist.

C) Change the video playlist from horizontal to vertical

- Add "vertical" name inside "playing-and-queue" class

D) How to add multi Audio/Video playlists in the same page

1) Copy the html code of the audio / video player



2) Copy the js code inside the "MultiPlayers" object


Note: Make sure that the IDs in the html code and the JS code are the same.

Support & Requests :

- About the author :

- Minda Corporation is the author of Athapoo library

Athapoo website : www.Athapoo.com
Minda Corporation Website : www.Minda.com.eg

Direct Contact & Requests : Support@Minda.com.eg