This should work as a base for those with more skill to build upon:
<code>
/*
==UserScript==
@name StumbleVideo HTML Displayer
@include http://video.stumbleupon.com/*
@description Displays the "Embed" HTML code when watching videos on http://video.stumbleupon.com/.
==/UserScript==
*/
(function(){
function $(id){ return document.getElementById(id); }
function getCode()
{
var video = $('mymovie');
if (!video){ return ''; }
var src = video.getAttribute('src');
var html = '<embed ';
html += 'src=' + '"' + src + '"';
html += ' type="application/x-shockwave-flash"';
html += ' />';
return html;
}
var codeHolder = document.createElement('textarea');
codeHolder.style.width = '100%'; // Narrow textareas aren't very useful for this purpose.
codeHolder.setAttribute('rows', '3'); // Make it tall enough to display full codes without having to scroll.
$('brdM').appendChild(codeHolder); // Put the code holder below everything in the video area.
showCode(); // Go ahead and show the code of the currently playing video.
function showCode(){ codeHolder.value = getCode(); }
document.addEventListener(
'click',
function()
{
setTimeout(showCode, 1000); // Give a little time for the video to change. If site takes longer, script doesn't switch code.
},
false
);
})();
</code>
It won't work if the site takes longer than 1 second to switch videos. Can be somewhat fixed by increased the timeout length.
<p>This should work as a base for those with more skill to build upon:</p>
<p><code>
<br />/*
<br /> ==UserScript==
<br /> @name StumbleVideo HTML Displayer
<br /> @include http://video.stumbleupon.com/*
<br /> @description Displays the "Embed" HTML code when watching videos on http://video.stumbleupon.com/.
<br /> ==/UserScript==
<br />*/</code></p>
<p>(function(){
<br /> function $(id){ return document.getElementById(id); }
<br />
<br /> function getCode()
<br /> {
<br /> var video = $('mymovie');
<br /> if (!video){ return ''; }
<br /> var src = video.getAttribute('src');
<br />
<br /> var html = '<embed>';
<br />
<br /> return html;
<br /> }
<br />
<br /> var codeHolder = document.createElement('textarea');
<br /> codeHolder.style.width = '100%'; // Narrow textareas aren't very useful for this purpose.
<br /> codeHolder.setAttribute('rows', '3'); // Make it tall enough to display full codes without having to scroll.
<br />
<br /> $('brdM').appendChild(codeHolder); // Put the code holder below everything in the video area.
<br />
<br /> showCode(); // Go ahead and show the code of the currently playing video.
<br />
<br /> function showCode(){ codeHolder.value = getCode(); }
<br />
<br /> document.addEventListener(
<br /> 'click',
<br /> function()
<br /> {
<br /> setTimeout(showCode, 1000); // Give a little time for the video to change. If site takes longer, script doesn't switch code.
<br /> },
<br /> false
<br /> );
<br />})();
<br /></p>
<p>It won't work if the site takes longer than 1 second to switch videos. Can be somewhat fixed by increased the timeout length.</p>
2007-06-03T17:55:25Z
2
Forum
2196
259
2008-05-25T06:12:48Z
28460