Video Formatfüllend und Sound über Mobildevice

Javo · 3. Juni 2017

Guten Tag, ich habe ein Problem, ich möchte auf einer Seite , nur ein Video, was Formatfüllend ist darstellen, also egal welche Auflösung soll es immer Bildschirmfüllend sein, dann sich nach den 4 Minuten immer wieder wiederholen.

Anderes problem, auf genau derselben Seite soll ein Internetradiostream als Hintergrund laufen, ohne das man Ihn sieht, und das soll auch klappen, z.b. mit dem Ipad. Im Moment klappt es mit dem PC aber auf Ipad höre ich nichts. Beim Video habe ich oben einen breiten schwarzen Streifen, aber sonst Format füllend.

Hier erst mal der Code der Seite, den ich im Moment habe

<!DOCTYPE html>

<head>

<title>Radio Nikita 89,9</title>

<!--[if lt IE 8]>

</div>

<![endif]-->

</head>

</video>

</footer>

<source src="http://nikita.hostmania.de:8422/stream" type="audio/mp3"

ihr browser kennt das html5-element noch nicht.

>

</audio>

Das ist der gesamte Code der Seite und das passt im Moment nicht. Ich muss auch sagen, ich habe gerade erst mit Dreamwaver , html und CSS angefangen und das ist das Ergebnis meiner Suche

Stef · 3. Juni 2017

Hey,

bitte poste deine Scripts in den BB-Codes das nächste Mal.

Weißt du was du machst ? Scheint nicht so teilsweise.

In dem <head> tag kommten nur der seitentittel, die verlinkung zu CSS- JS-Dateien, meta tags, style und script rein. Alles andere, was zum Aufbau der Seite gehört in den <body>.

Zu deinem Problem:

Es kommt bei dir bestimmt folgender Fehler : Kein Video mit unterstütztem Format und MIME-Type gefunden.

Ist das Video welches du abspielen willst wirklick vom typ mp4 ?

Sprichst du den richtigen Ordner und die richtige Datei an?

Mit dem HTML-Code soll es gehen (getestet) , ändere nur nur die source :

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Video / Audio abspielen</title>

    <style>
        article#microsoft_anzeige{
            clear: both; 
            text-align:center; 
            position: relative;
            z-index:100;
        }
    </style>
</head>
<body>
<!-- Hier kommt der ganze seiteninhalt rein-->
    <main>
        <section>
            <article id="microsoft_anzeige">
                <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
                    <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today.">
                </a>
            </article>
        </section>
        <section>
            <video width="100%"  autoplay controls>
                 <source src="test.mp4" type="video/mp4" />
             </video>
             <audio autoplay>
                <source src="http://nikita.hostmania.de:8422/stream" type="audio/mp3">
                    <p>ihr browser kennt das html5-element noch nicht.</p>
            </audio>
        </section>

    </main>
    
    
</body>
</html>

Alles anzeigen

Gruß,

Stef

Video Formatfüllend und Sound über Mobildevice

Jetzt mitmachen!

Teilen