Videos vom Server auf Homepage abspielen

Hey Leute,

da ich ja recht regelmäßig neue Videos mache, und die immer via YouTube auf meiner Seite einbette,
wollt ich mal wissen:

- Kann ich meine Videos auf meinen Server hochladen und die dann von dort aus auf meiner Seite abspielen?
- Wenn ja, wie kann ich das bewerkstelligen?

(Nur wenn man via Youtube einbettet)
- Ist es eventuell einfacher ein Vorschaubild als Preview zu verwenden und wenn man draufklickt das Video geladen wird?

Grund dafür ist, das mit der Zunahme an Videos, die Ladezeit der Seite exponentiell ansteigt.
Dies würde ich gerne verhindern.

Mit freundlichen Grüßen
<!-- m --><a class="postlink" href="http://www.riensartwork.de">http://www.riensartwork.de</a><!-- m -->

Hmm...ja weil die Videos ja doch schon recht viel Platz verbrauchen wenn ich die alle hochladen würde....

Zitat von &quot;Sarkkan&quot;

1. Warum nur wenn du bei Youtube bleibst?
2. Ob es einfach ist kommt drauf an.. wie gut kannst du JavaScript und/oder PHP?
3. eine kleine Auflistung der Videos würde auch gehen (so wie ich dir das irgendwann mal geschrieben hatte.. <.<)

1. Weil ich da alle meine Videos habe
2. So ziemlich garnicht gut
3. Ja ich kann mich erinnern...steht auch noch hier irgendwo im Forum glaube ich. Muss mal suchen.

Aber das mit der HTML5 Idee....find ich trotzdem recht cool

Ich denke ich werde die Videos nicht auf den Server laden...würde zuviel Platz verbrauchen.

Ich werde die JavaScript-Lösung in Erwegung ziehen...
Wenn ich mich recht erinnere war das das Script

<script language="javascript" type="text/javascript">
window.onload = function(){
    if(location.hash != "")
        changeClip();
}
function changeClip(){
    window.setTimeout("cClip()", 50);
}
function cClip(){
    var url = location.hash.split('#');




    document.getElementById('clip').innerHTML = '<object width="480" height="385">'+
        '<param name="allowfullscreen" value="true" />'+
        '<param name="allowscriptaccess" value="always" />'+
        '<param name="movie" value="' + url[1] + '" />'+
        '<embed src="' + url[1] + '" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="480" height="385"></embed>'+
    '</object>';
}
</script>

Und dies der Code zur Anwendung

<div id="clip"><noscript><h3>Sie benötigen Aktiviertes JavaScript!</noscript></div>




<a href="#http://www.youtube.com/v/vAhhy_SVrVI?fs=1&amp;hl=de_DE" onclick="changeClip();">Youtube 1</a> -
<a href="#http://vimeo.com/moogaloop.swf?clip_id=13681714&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" onclick="changeClip();">Vimeo</a>

Frage

Ich würde gern Beispielbilder also Vorschau für jedes Video nehmen und wenn man auf das Bild klickt, dass das Video geladen wird.
Möglich?

Funktioniert nicht ganz..

Header

<script language="javascript" type="text/javascript">
        window.onload = function(){
            if(location.hash != "")
                changeClip();
        }
        function changeClip(){
            window.setTimeout("cClip()", 50);
        }
        function cClip(){
            var url = location.hash.split('#');




    document.getElementById('clip').innerHTML = '<object width="480" height="385">'+
        '<param name="allowfullscreen" value="true" />'+
        '<param name="allowscriptaccess" value="always" />'+
        '<param name="movie" value="' + url[1] + '" />'+
        '<embed src="' + url[1] + '" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="480" height="385"></embed>'+
    '</object>';
}
</script>

Body

<div id="video"><noscript>Sie benötigen Aktiviertes JavaScript!</noscript></div>
            <a href="#http://www.youtube.com/watch?v=If2VE66b-1c&feature=player_embedded" name="allowfullscreen" onclick="changeClip();">
                <img src="images/thumb/BigFall_t.jpg" alt="" style="" />
            </a>

CSS

#video  {
            background-color: black;
            color: white;
            text-align: center;
            padding: 10px;
            border: none;
        }

Sieht so aus Video Seite

Leider kein Erfolg...kommt nur ein weißes Fenster