Video erst zeigen, wenn Link angeklickt wurde

  • HTML

Es gibt 9 Antworten in diesem Thema. Der letzte Beitrag () ist von TheGameSiders.

    Video erst zeigen, wenn Link angeklickt wurde

    Hey.

    Ich habe ein Video auf meiner HTML-Seite, welches so abgespielt wird:

    <object type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="320" height="240">
    <param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="flv=http%3A//flv-player.net/medias/KyodaiNoGilga.flv&amp;title=Testtitel" />
    </object>



    Kann ich das erst anzeigen irgendwie wenn man auf einen Link vorher geklickt hat?

    Danke :)

    Mfg. TGS

    Um Benutzereingaben abzufangen brauchst du ein serverseitiges Skript, wie PHP oder gleich JavaScript. Damit kannst du den Klick abfragen und dann erst abspielen.

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von „programmer71“ ()

    Ich habe nun das Video so verpackt:

    <div id="Video" style="visibility: hidden">

    <object type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="320" height="240">
    <param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="flv=http%3A//flv-player.net/medias/KyodaiNoGilga.flv&amp;title=Testtitel" />
    </object>
    </div>


    Und dieses javascript:


    <meta http-equiv="content-type" content="application/xml+xhtml; charset=iso-8859-1" />
    <script type="text/javascript">
    //<![CDATA[
    function link(ziel) {
    if(confirm('Wirklich löschen?'))
    top.location.href = ziel;
    }
    //]]>
    </script>
    </head>
    <body>
    <a href="#" onclick="link('http://google.de');">Anzeigen</a>
    </body>


    Wie kann das nun anpassen?
    Also das sich der link öffnet, und dann
    <div id="Video" style="visibility: hidden">
    auf sichtbar stellen.

    Danke.

    Mfg. TGS

    programmer71 schrieb:

    serverseitiges Skript, wie JavaScript
    :D :D :D


    Hab das Zeug zwar lange nicht mehr verwendet aber wenn das stimmt was ich da in notepad geschrieben habe vll. so?
    @JQuery-Hasser <- interessiert mich nicht

    Quellcode

    1. <script ... <!-- jquery includen --> ></script>
    2. <script ...>
    3. $("#anzeigen").onclick(function()
    4. {
    5. $("#div_mit_video").show();
    6. });
    7. </script>
    8. <a id="anzeigen" href="#">anzeigen</a>
    9. <div id="div_mit_video">
    10. ...
    11. </div>


    Opensource Audio-Bibliothek auf github: KLICK, im Showroom oder auf NuGet.

    So hats geklappt:


    <script type="text/javascript">
    function anzeigen(das){
    if(document.getElementById(das).style.display=='none')
    document.getElementById(das).style.display='block';
    else document.getElementById(das).style.display='none';}
    </script>

    <a href="http://www.google.de/" target="_blank" onclick="anzeigen('1')">Video anzeigen</a>


    <div id="1" style="display: none;"> <object type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="320" height="240">
    <param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="flv=http%3A//flv-player.net/medias/KyodaiNoGilga.flv&amp;title=Testtitel" />
    </object>
    </div> </div>



    MFG.
    TGS