Videos in Webseite einbinden

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Videos in Webseite einbinden

    Sorry @ mods wenns falsche Forum ist.....


    aber jetzt zu meinen prob


    ich hab auf meiner HP ein paar videos oben.. die hab ich (bin ja noch Laie auhc dem gebiet) via Flash in .swf dateien umgewandelt und kann diese auch schön von meiner seite abrufen lassen.. jetzt hab ich aber das prob das die .swf dateien alle sehr groß sind (zw. 3 - 10 mb) und die quelldateien aus denen ich die .swfs mach sind .wmv dateien..

    die wären allerdings perfekt geeignet dafür weil alle nur so um die 300kb groß sind.

    jetzt raff ichs aber ned die mit Dreamweaver auf meine Seite einzubauen..

    Anscheinend soll das ja mit einem Player gehn .. find da auch einen.. aber das funzt ned wirklich.. hab ich auch schon mit kollegen unterhalten die das bissle besser können wie ich.. aber keine Hilfe.

    Wenn ich jetzt auf meiner HP die Links zu den Vids verlinke, dann kommt statt dem video das normale donwloadfenster..

    wär echt super wenn mir da jmd hilfreicht tipps geben könnte, um meine kleinen .wmv dateien auf meiner HP abspielen zu lassen.

    gruß sI
  • Quellcode

    1. <embed src="film.wmv" width="320" height="240" autostart="true">

    Einfach and er Stelle einfügen wo der Film später erscheinen soll und
    *film.wmv durch den pfad zu deiner filmdatei ersetzen
    Frisches Gemüse schmeckt am besten, wenn man es vor dem Verzehr durch ein saftiges Steak ersetzt!
  • Switch-Inside schrieb:

    kannsch mir das vielleicht bissle ausführlicher erklären.. eventuell auch per pn... dann kann ich dir meinen quellcode zeigen

    wär hammer



    hats den jetzt geklappt... wir wollen doch nicht im stich lassen :)
  • Hi
    Ich versuch dir mal zu helfen.
    Erstell erstmal in deinem Hauptverzeichnis (wo die ganze Page liegt) einen Ordner mit Namen: wmv
    Dorthin uploadest du die wmv Videos.
    Der Code der tricksframe.html sollte dann wie folgt aussehen:

    HTML-Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    5. <title>Unbenanntes Dokument</title>
    6. <style type="text/css">
    7. <!--
    8. body,td,th {
    9. color: #000000;
    10. }
    11. body {
    12. background-color: #0A55A0;
    13. }
    14. .Stil1 {
    15. font-family: Verdana, Arial, Helvetica, sans-serif;
    16. font-weight: bold;
    17. font-size: 16px;
    18. }
    19. .Stil2 {
    20. font-family: Georgia, "Times New Roman", Times, serif;
    21. font-size: medium;
    22. }
    23. -->
    24. </style>
    25. <script type="text/JavaScript">
    26. <!--
    27. function MM_openBrWindow(theURL,winName,features) { //v2.0
    28. window.open(theURL,winName,features);
    29. }
    30. function MM_preloadImages() { //v3.0
    31. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    32. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    33. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    34. }
    35. function MM_swapImgRestore() { //v3.0
    36. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    37. }
    38. function MM_findObj(n, d) { //v4.01
    39. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    40. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    41. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    42. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    43. if(!x && d.getElementById) x=d.getElementById(n); return x;
    44. }
    45. function MM_swapImage() { //v3.0
    46. var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    47. if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    48. }
    49. function MM_CheckFlashVersion(reqVerStr,msg){
    50. with(navigator){
    51. var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    52. var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    53. if (!isIE || !isWin){
    54. var flashVer = -1;
    55. if (plugins && plugins.length > 0){
    56. var desc = plugins['Shockwave Flash'] ? plugins['Shockwave Flash'].description : "";
    57. desc = plugins['Shockwave Flash 2.0'] ? plugins['Shockwave Flash 2.0'].description : desc;
    58. if (desc == "") flashVer = -1;
    59. else{
    60. var descArr = desc.split(" ");
    61. var tempArrMajor = descArr[2].split(".");
    62. var verMajor = tempArrMajor[0];
    63. var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
    64. var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
    65. flashVer = parseFloat(verMajor + "." + verMinor);
    66. }
    67. }
    68. // WebTV has Flash Player 4 or lower -- too low for video
    69. else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
    70. var verArr = reqVerStr.split(",");
    71. var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
    72. if (flashVer < reqVer){
    73. if (confirm(msg))
    74. window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
    75. }
    76. }
    77. }
    78. }
    79. //-->
    80. </script>
    81. </head>
    82. <body onload="MM_preloadImages('img/backflip2.jpg','img/kickflip2.jpg','img/nosewheelie2.jpg','img/bstailslide2.jpg','img/blunt2.jpg','img/bigspinflip2.jpg','img/joggels2.jpg','img/tutzers2.jpg','img/TimmsNollieKickflip2.jpg','img/stalefish1.jpg');MM_CheckFlashVersion('6,0,79,0','F&uuml;r den Inhalt dieser Seite ist eine neuere Version von Macromedia Flash Player erforderlich. M&ouml;chten Sie sie jetzt herunterladen?')">
    83. <table width="593" height="322" border="0">
    84. <tr>
    85. <td width="245" height="57"><div align="center"><img src="img/nosewheelie.jpg" width="130" height="25" id="Image3" onclick="MM_openBrWindow('wmv/nosewheelie.wmv','','width=320,height=240')" onmouseover="MM_swapImage('Image3','','img/nosewheelie2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    86. <td width="238"><div align="center"><img src="img/kickflip.jpg" width="82" height="25" id="Image2" onclick="MM_openBrWindow('wmv/kickflip.html','','width=320,height=240')" onmouseover="MM_swapImage('Image2','','img/kickflip2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    87. <td width="281"><div align="center"><img src="img/backflip.jpg" width="88" height="25" id="Image1" onclick="MM_openBrWindow('wmv/backflip.html','','width=320,height=240')" onmouseover="MM_swapImage('Image1','','img/backflip2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    88. </tr>
    89. <tr>
    90. <td height="56"><div align="center"><img src="img/bstailslide.jpg" width="130" height="25" id="Image4" onclick="MM_openBrWindow('wmv/bstailslide.html','','width=320,height=240')" onmouseover="MM_swapImage('Image4','','img/bstailslide2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    91. <td><div align="center"><img src="img/blunt.jpg" width="156" height="25" id="Image5" onclick="MM_openBrWindow('wmv/bluntslow.html','','resizable=yes,width=320,height=240')" onmouseover="MM_swapImage('Image5','','img/blunt2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    92. <td><div align="center"><img src="img/bigspinflip.jpg" name="Image6" width="180" height="25" border="0" id="Image6" onclick="MM_openBrWindow('wmv/bigspinflip2.html','','width=320,height=240')" onmouseover="MM_swapImage('Image6','','img/bigspinflip2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    93. </tr>
    94. <tr>
    95. <td height="52"><p class="Stil1" onclick="MM_openBrWindow('wmv/timm.wmv','','width=320,height=240')">&nbsp;</p></td>
    96. <td><div align="center"><img src="img/stalefish2.jpg" width="104" height="25" id="Image10" onclick="MM_openBrWindow('wmv/stalefish.html','','width=320,height=240')" onmouseover="MM_swapImage('Image10','','img/stalefish1.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    97. <td>&nbsp;</td>
    98. </tr>
    99. <tr>
    100. <td height="69">&nbsp;</td>
    101. <td>&nbsp;</td>
    102. <td>&nbsp;</td>
    103. </tr>
    104. <tr>
    105. <td height="76"><div align="center"><img src="img/TimmsNollieKickflip.jpg" width="171" height="46" id="Image9" onclick="MM_openBrWindow('wmv/timm.wmv','','width=320,height=240')" onmouseover="MM_swapImage('Image9','','img/TimmsNollieKickflip2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    106. <td><div align="center"><img src="img/joggels.jpg" width="151" height="46" id="Image7" onclick="MM_openBrWindow('wmv/joggels.swf','','width=320,height=240')" onmouseover="MM_swapImage('Image7','','img/joggels2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    107. <td><div align="center"><img src="img/tutzers.jpg" width="105" height="46" id="Image8" onclick="MM_openBrWindow('wmv/tutz180.swf','','width=320,height=240')" onmouseover="MM_swapImage('Image8','','img/tutzers2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>
    108. </tr>
    109. </table>
    110. </body>
    111. </html>
    Alles anzeigen


    Nun erstellst du zu jedem Video eine html Datei in den wmv Ordner mit folgenden Inhalt:

    HTML-Quellcode

    1. <html>
    2. <body>
    3. <embed src="film.wmv" width="breite" height="höhe" autostart="true">
    4. </body>
    5. </html>


    Also ein Beispiel für nosewheelie.html:

    HTML-Quellcode

    1. <html>
    2. <body>
    3. <embed src="nosewheelie.wmv" width="320" height="240" autostart="true">
    4. </body>
    5. </html>


    Hoffe es ist klar verständlich. Also musst zu jedem Video eine gleichnahmige html erstellen.
    mortician
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]
  • Mortocian.. du bist für heute mein gott... danke dir vielmals

    ich habs abgecheckt.. der blunt, der fakiebigspin und der stalefish gehen schon
    ... die anderen muss ich noch umwandeln...

    danke danke danke für deine hilfe

    @ mods this can bo closed