Thema: HTML5 Frage
Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 13.04.2012, 19:58
Html5 Html5 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.04.2012
Beiträge: 6
Html5 befindet sich auf einem aufstrebenden Ast
Idee HTML5 Frage

Hallo liebe Forumgemeinde,

ich hab ein Anliegen:


"Ich versuche über eine Website per http gehostete Videos darzustellen auf einer neuen seite nur mit dem player.
Es handelt sich um die Video Formate: .flv, .mp4, .ogg

Nun hab Ich über Adobe Flash Pro schon die beide .swf Dateien erstellt und auch die normale HTML Datei. Also Flash läuft nun schonmal.

Möchte allerdings allen Betrachtern die Möglichkeit geben meine Videos anzusehn.

Somit auch Iphone, Ipad Kunden die eben KEIN Flash haben.

Somit kam Ich auf HTML5.


Wie schreibe Ich bei HTML5 zu der Flash Programmierung den HTML5 Code so dazu das nicht 2 Player erscheinen und nur eines ausgewählt wird von beidem !?

Ich füge nun mal den Code vom HTML vom Flash dazu, da muss irgendwie noch der HTML5 Code dazu


HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
	<head>
		<title>Unbenannt-15</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
	</head>
	<body>
		<div id="flashContent">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="819" height="499" id="Unbenannt-15" align="middle">
				<param name="movie" value="Unbenannt-15.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="Unbenannt-15.swf" width="819" height="499">
					<param name="movie" value="Unbenannt-15.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#ffffff" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="window" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>
Ich hoffe Ihr könnt mir helfen, der HTML5 Code ist:

HTML-Code:
<video src="video.ogg" autoplay
controls > 
<video src="video.mp4" type="video/mp4" autoplay
controls >

Bin am verzweifeln
#bitte herzlichst um Hilfe!


Ich will es mit Javascript realisieren:
HTML-Code:
      <SCRIPT LANGUAGE=JavaScript1.1>
<!--
var MM_contentVersion = 6;
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;
if ( plugin ) {
        var words = navigator.plugins["Shockwave Flash"].description.split(" ");
        for (var i = 0; i < words.length; ++i)
        {
        if (isNaN(parseInt(words[i])))
        continue;
        var MM_PluginVersion = words[i];
        }
    var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;
}
else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0
   && (navigator.appVersion.indexOf("Win") != -1)) {
    document.write('<SCR' + 'IPT LANGUAGE=VBScript\> \n'); //FS hide this from IE4.5 Mac by splitting the tag
    document.write('on error resume next \n');
    document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');
    document.write('</SCR' + 'IPT\> \n');
}
if ( MM_FlashCanPlay ) {
   
}
 else{

}
//-->
</SCRIPT>






P.s.: Ich habe Adobe Dreamweaver mit welchem Ich dann die HTML5 Seite anfertigen würde.
Geht nur um eine allein mit dem Video stehende Videoseite.

Geändert von Html5 (13.04.2012 um 20:02 Uhr)
Mit Zitat antworten
Sponsored Links