Yahoo! WebPlayer

By Ed Johnson Ed Johnson

Description

The Yahoo! WebPlayer is a nifty bit of javascript that automatically detects audio and video links on a web page. It builds a playlist of all the content it can play and places a small "play" icon in front of each audio and video link. The player can be accessed through a small slider in the lower left corner of the web page.

The Details

To use this player with your Wikidot pages requires a bit of extra work. You must place the links to your A/V files and the javascript link, inside a [[html]] block as shown below. This is the only method that Wikidot currently supports for adding javascript to your pages. Because the [[html]] block creates an iframe on your page, it's important to set a minimum height so the player is fully visible when it is exposed.

Although this player is officially in beta, it seems to be very stable and works great! Details are at the Yahoo! WebPlayer home page.

Yahoo has a similar player that is just for audio files.
Yahoo! Media Player

The Code

[[html]]
<style type="text/css">
a {
 font-family: sans-serif;
 font-size: 14px;
 text-decoration: none;
 color: #880000;
}
a:hover {
 text-decoration: none;
 color: #008800;
}
body {
 min-height: 400px;
}
</style>
<a href="http://mediaplayer.yahoo.com/example3.mp3">Sample MP3 File</a>
<br />
<a href="http://youtu.be/UFHm_FBErMM">Sample YouTube Video</a>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js">
</script> 
[[/html]]

The Result

[フレーム]


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by Ed Johnson


Rate this solution

If you think this solution is useful — rate it up!

rating: +4
EricT EricT 01 Oct 2011 17:48

This might be handy for us. I'll experiment with it now! Wish it would work in the forum, though.

Last edited on 01 Oct 2011 17:50 by EricT
by EricT EricT , 01 Oct 2011 17:48
RobElliott RobElliott 01 Oct 2011 10:49

I like that!


Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

by RobElliott RobElliott , 01 Oct 2011 10:49
Thanks, Ed!
Helmut_pdorf Helmut_pdorf 13 Sep 2011 05:50

That works well!

Regards
Helmut


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 13 Sep 2011 05:50
page revision: 7, last edited: 16 Feb 2012 01:53
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).

AltStyle によって変換されたページ (->オリジナル) /