The Widgetkit Media Player is a HTML5 audio and video player completely built HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.

Features

  • Native playback for modern HTML5 browsers
  • Supports MP4 (h.264), WebM, FLV, WMV and MP3 files
  • Completely built with HTML and CSS
  • Same UI in all browsers
  • Create your own skins
  • Flash player fallback for unsupported browsers
  • Works with Joomla and WordPress

Examples

This is a MP3 Audio Sample:

How To Use

Use the HTML5 video element to embed video in your website. For example:

<video src="/video.mp4" width="320" height="240"></video>

You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:

<video width="320" height="240">
	<source type="video/mp4"  src="/video.mp4" />
	<source type="video/webm" src="/video.webm" />
	<source type="video/ogg"  src="/video.ogv" />
</video>

Use the HTML5 audio element to embed MP3 files in your website. For example:

<audio src="/audio.mp3" type="audio/mp3"></audio>

article-pic2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

article-pic3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In justo elit, pharetra eget rhoncus in, iaculis quis ante. Sed eget urna ipsum, a varius mauris. In nisl sem, consectetur a fringilla a, commodo faucibus lectus. Nunc id urna accumsan turpis egestas hendrerit. Donec molestie tristique diam, sit amet pellentesque diam pellentesque vitae. Cras neque nisl, rhoncus eget venenatis in, gravida in lacus. In at sapien turpis.


Ut nulla purus, bibendum quis vehicula sed, porta sed orci. Aliquam erat volutpat. Etiam sit amet lorem tellus. Nulla feugiat dignissim est a venenatis. Quisque quis diam sem. Quisque rhoncus sem at lorem tempor vel mollis metus facilisis. Maecenas interdum nunc et urna iaculis commodo. Nulla ultricies molestie neque id porta. Etiam lacinia placerat mi eget dignissim.


Etiam consequat tempus justo non hendrerit. Fusce justo turpis, congue eu condimentum vel, eleifend quis odio. Integer fringilla porta enim, laoreet viverra ante scelerisque a. Aliquam in lectus lorem, sit amet euismod urna. Praesent lobortis ultricies erat ut accumsan. Praesent tincidunt, massa sed semper vulputate, dui velit porttitor magna, id lacinia quam tortor eu libero. Nam cursus diam at dui convallis tempor. Phasellus ut semper massa. Morbi imperdiet, quam et dignissim condimentum, ante nibh adipiscing elit, ac ultrices ligula felis a odio. Morbi vel magna sed eros aliquet volutpat. Praesent auctor erat orci, vel rutrum sem.


Fusce lobortis pellentesque felis, a vulputate purus vestibulum non. Sed gravida imperdiet pellentesque. Nulla nunc leo, lobortis sit amet hendrerit nec, ultrices non lectus. Maecenas vitae posuere enim. Sed id sapien risus, sed gravida dui. Integer euismod metus sit amet mi scelerisque ultricies. Sed pharetra placerat est, pretium consequat orci posuere ut. Vivamus porta venenatis felis sit amet bibendum. Curabitur quis purus in eros accumsan varius a vel metus.

article-pic4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In justo elit, pharetra eget rhoncus in, iaculis quis ante. Sed eget urna ipsum, a varius mauris. In nisl sem, consectetur a fringilla a, commodo faucibus lectus. Nunc id urna accumsan turpis egestas hendrerit. Donec molestie tristique diam, sit amet pellentesque diam pellentesque vitae. Cras neque nisl, rhoncus eget venenatis in, gravida in lacus. In at sapien turpis.


Ut nulla purus, bibendum quis vehicula sed, porta sed orci. Aliquam erat volutpat. Etiam sit amet lorem tellus. Nulla feugiat dignissim est a venenatis. Quisque quis diam sem. Quisque rhoncus sem at lorem tempor vel mollis metus facilisis. Maecenas interdum nunc et urna iaculis commodo. Nulla ultricies molestie neque id porta. Etiam lacinia placerat mi eget dignissim.


Etiam consequat tempus justo non hendrerit. Fusce justo turpis, congue eu condimentum vel, eleifend quis odio. Integer fringilla porta enim, laoreet viverra ante scelerisque a. Aliquam in lectus lorem, sit amet euismod urna. Praesent lobortis ultricies erat ut accumsan. Praesent tincidunt, massa sed semper vulputate, dui velit porttitor magna, id lacinia quam tortor eu libero. Nam cursus diam at dui convallis tempor. Phasellus ut semper massa. Morbi imperdiet, quam et dignissim condimentum, ante nibh adipiscing elit, ac ultrices ligula felis a odio. Morbi vel magna sed eros aliquet volutpat. Praesent auctor erat orci, vel rutrum sem.


Fusce lobortis pellentesque felis, a vulputate purus vestibulum non. Sed gravida imperdiet pellentesque. Nulla nunc leo, lobortis sit amet hendrerit nec, ultrices non lectus. Maecenas vitae posuere enim. Sed id sapien risus, sed gravida dui. Integer euismod metus sit amet mi scelerisque ultricies. Sed pharetra placerat est, pretium consequat orci posuere ut. Vivamus porta venenatis felis sit amet bibendum. Curabitur quis purus in eros accumsan varius a vel metus.


Sponsorship

Click here for Corporate Sponsorship Package.
Click here for Small Biz Sponsorship Page.

Help Us, Help Others 

The Philadelphia Association of Black Journalists (PABJ) is a non-profit organization dedicated to the development of journalists, journalism students and media-related professionals and to diversity in the media. PABJ invites your support during our 2017-18 season.

PABJ provides quality programs in the Greater Philadelphia region, and we are seeking your organization’s support in 2016. PABJ is committed to offering community outreach programming, awarding student scholarships, honoring excellence in the media and advocating for diversity in newsrooms and in media coverage. Formed in 1973, PABJ is the founding chapter of the National Association of Black Journalists (NABJ), which today boasts more than about 3,300 members worldwide. PABJ has won national honors as the 2008, 2010, and 2014 NABJ “Chapter of the Year.”

PABJ offers important professional and community programs throughout the Philadelphia region. In 2015 we hosted a Mayoral Candidates Forum, a master class on the 30th anniversary of the MOVE Bombing in Philadelphia, a Media Monitoring event, and much more. This year, we launched the PABJ Training Institute, hosted our Annual Media Access event, and held a master class on how to cover "Muslims in the Media" in partnership with PhillyCAM. We are also gearing up to honor some of the best and brightest in journalism at our Awards & Scholarship Reception, while awarding $2500 in scholarships.

The 2017-18 PABJ Corporate Sponsorship package offers a variety of opportunities for exposure in the Philadelphia 5-county area, South Jersey and Northern Delaware. You can gain exposure through PABJ events scheduled for the year. In addition, we are offering opportunities to advertsise within our PABJ Awards Program book for our October 21, 2017 event Please feel free to contact us with questions.

Please feel free to contact us with questions.

Melony Roy
President
This email address is being protected from spambots. You need JavaScript enabled to view it.

Cherri Gregg
Co-Chair, PABJ Fundraising Commiting
This email address is being protected from spambots. You need JavaScript enabled to view it.

Best,
Melony Roy
President, Philadelphia Association of Black Journalists
Social Media Director, KYW Newsradio