selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Re: Wie installiere ich den FlashPlayer auf meiner Webseite

Autor: Dackel2 [Beiträge: 56]
Datum: 14.04.2012 20:03:56

> > Es wäre aber besser wenn ich ein
> Bildschirmfoto
> > senden könnte, dann siehst Du alles sofort.
>
>
> Hallo,
>
> Bildschirmfoto (=Screenshot):
>    Die Bilddatei auf einen Webserver hochladen,
>    und die URL dann ins Posting kopieren.
>
>
> Wenn es aber um fehlerhaften Code geht, ist es
> besser, diesen Code, oder, noch besser, die
> koplette, <b>auf das notwendige Minimum gekürzte
> Datei</b> (also von "<Doctype>" bis
> </html>) einfach ins Posting zu kopieren,
> damit man damit testen kann.
>
>
> Grüße
> gaby

Hallo Gaby,
danke für die Antwort.

Ich habe nun die Testseite - mit IWEB erstellt-  mit Wrangler kopiert und setze die dann hier ein. Auf der Seite befinden sich nur zwei Testvideo´s, die im Quicktime-Format erstellt wurden.

Diese beiden Testvideos habe ich dann mit HTMT5 gewandelt. Die beiden Filmsequenzen ( 1-2  und 2-2 ) habe ich ebenfalls mit Wrangler kopiert und setze die dann ebenfalls hier ein.

Es geht darum, welche Codezeilen vom Original in die gewandelten Seiten zu übertragen (zu tauschen) sind, damit die Videos dann von möglichst vielen Plattformen abgespielt werden können und in der nun lesbaren Form auf der Seite erhalten bleiben

Vorhin habe ich schon mal einen Versuch gemacht wie Tobias empfohlen hat,
aber nachdem diese Testseite auf den Server geladen wurde, konnte das Video nur am Mac mit Quicktime angezeigt werden, nicht WindowsPC mit Explorer9.

An den obigen HTML-Code´s habe ich jetzt noch keine Änderung vorgenommen.

Es wäre toll, wenn Ihr das mal testen könntet, um mir zu sagen welche Änderungen vorgenommen werden müssen.

Beste Grüße Suki

Original -Seite :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <meta name="Generator" content="iWeb 1.1.1" />
    <title>HTMLTEST</title>
    <link rel="stylesheet" type="text/css" media="screen" href="HTMLTEST_files/HTMLTEST.css" /><script type="text/javascript" src="HTMLTEST_files/HTMLTEST.js"></script>
  </head>
  <body style="background: #5052fd; margin: 0pt; " onload="onPageLoad();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: #f8edfe; text-align: left; width: 980px; " id="body_content">
        <div style="float: left; margin-left: 0px; position: relative; width: 0px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
        </div>
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 0px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
        </div>
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 0px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 980px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <div class="graphic_generic_title_textbox_style_default" style="height: 49px; left: 6px; position: absolute; top: 50px; width: 630px; z-index: 1; " id="id1">
            <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          </div>
          

<img src="HTMLTEST_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 35px; position: absolute; top: 1px; width: 630px; z-index: 1; " />
          <div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
          <div class="graphic_generic_body_textbox_style_default" style="margin-left: 35px; margin-top: 450px; position: relative; width: 630px; z-index: 1; ">
            <div style="height: 143px; line-height: 143px; " class="tinyText"> </div>
          </div>
          <script type="text/javascript"><!--
writeMovie1();
--></script>

<script type="text/javascript"><!--
writeMovie2();
--></script>


          <div style="height: 878px; line-height: 878px; " class="tinyText"> </div>
        </div>
      </div>
    </div>
  </body>
</html>







Sequenz 1-2 gewandelt         (Video 1 von der Original-Seite)  :

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Sequenz 1-2-Mpeg-4 480mal270</title>
</head>
<body>
<!-- Start EasyHtml5Video.com BODY section -->
<div style="position:relative;width:480px;height:270px;"><video controls="controls"  autoplay="autoplay" poster="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.jpg" width="480" height="270"  onclick="if(/Android/.test(navigator.userAgent))this.play();">

<source src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.mp4" type="video/mp4" />

<source src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.webm" type="video/webm" />

<source src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.ogv" type="video/ogg" />

<object type="application/x-shockwave-flash" data="Sequenz 1-2 gewandelt.files/flashfox.swf" width="480" height="270" style="position:relative;">

<param name="movie" value="Sequenz 1-2 gewandelt.files/flashfox.swf" />

<param name="allowFullScreen" value="true" />

<param name="flashVars" value="autoplay=true&controls=true&loop=true&src=Sequenz_1-2-Mpeg-4_480mal270.mp4" />

<embed src="Sequenz 1-2 gewandelt.files/flashfox.swf" width="480" height="270" style="position:relative;"  flashVars="autoplay=true&controls=true&loop=true&poster=Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.jpg&src=Sequenz_1-2-Mpeg-4_480mal270.mp4" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />

<img alt="Sequenz 1-2-Mpeg-4 480mal270" src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.jpg" style="position:absolute;left:0;" width="480" height="270" title="Video playback is not supported by your browser" />

</object>

</video></div>

<script src="Sequenz 1-2 gewandelt.files/html5ext.js" type="text/javascript"></script>

<a style="display:none" href="http://easyhtml5video.com">html5 video stream by EasyHtml5Video.com v1.5.1m</a>


<!-- End EasyHtml5Video.com BODY section -->
</body>
</html>






Sequenz 2-2 gewandelt                ( das Video 2 von der Original-Seite )


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Sequenz 1-2-Mpeg-4 480mal270</title>
</head>
<body>
<!-- Start EasyHtml5Video.com BODY section -->
<div style="position:relative;width:480px;height:270px;"><video controls="controls"  autoplay="autoplay" poster="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.jpg" width="480" height="270"  onclick="if(/Android/.test(navigator.userAgent))this.play();">

<source src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.mp4" type="video/mp4" />

<source src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.webm" type="video/webm" />

<source src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.ogv" type="video/ogg" />

<object type="application/x-shockwave-flash" data="Sequenz 1-2 gewandelt.files/flashfox.swf" width="480" height="270" style="position:relative;">

<param name="movie" value="Sequenz 1-2 gewandelt.files/flashfox.swf" />

<param name="allowFullScreen" value="true" />

<param name="flashVars" value="autoplay=true&controls=true&loop=true&src=Sequenz_1-2-Mpeg-4_480mal270.mp4" />

<embed src="Sequenz 1-2 gewandelt.files/flashfox.swf" width="480" height="270" style="position:relative;"  flashVars="autoplay=true&controls=true&loop=true&poster=Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.jpg&src=Sequenz_1-2-Mpeg-4_480mal270.mp4" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />

<img alt="Sequenz 1-2-Mpeg-4 480mal270" src="Sequenz 1-2 gewandelt.files/Sequenz_1-2-Mpeg-4_480mal270.jpg" style="position:absolute;left:0;" width="480" height="270" title="Video playback is not supported by your browser" />

</object>

</video></div>

<script src="Sequenz 1-2 gewandelt.files/html5ext.js" type="text/javascript"></script>

<a style="display:none" href="http://easyhtml5video.com">html5 video stream by EasyHtml5Video.com v1.5.1m</a>


<!-- End EasyHtml5Video.com BODY section -->
</body>
</html>



Beste Grüße und großen Dank im Voraus   Suki


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...