Frage Modernizr und videoautoplay

handyaner · 24 März 2018

Hallo

ich wollte mit modernzr 3.6 feststellen, ob der Browser videoautoplay unterstützt oder nicht.
dafür habe ich diese demo erstellt.
sollte der browser es untersützen, sollte der text grün sein.
wenn nicht, sollte der text rot werden.

aber die textfarbe ändert sich gar nicht.
habe ich modernizr falsch verstanden?

HTML:

<!DOCTYPE html>
<html lang="en" >
   <head>
      <meta charset="UTF-8">
      <title>Modernizr support for autoplay property</title>
      <script src="https://res.cloudinary.com/dqve0eukw/raw/upload/v1521719839/modernizr-custom.js" type="text/javascript"></script>
      <style>
        .box { color: blue; }
        .no-videoautoplay .box { color: red; }
        .videoautoplay .box { color: green; }
      </style>
   </head>
   <body>
      <div class="box">
        videoautoplaytest
      </div>

   </body>
</html>

basti1012 · 25 März 2018

Ich würde sage du hast Css nicht verstanden
Wo sind denn die klassen no-videoautoplay und videoautoplay definiert ?

EDIT
hir ist ein beispiel Code der auf dein Autoplay abfrage nicht geht ,weil ich nicht weiß wie man das abfragen kann.
Wenn du den Code weiß,dann änderst du hier die IF abfrage ,und dann könnte dein Text und Farbe sich ändern

Code:

<html lang="en" >
   <head>
      <meta charset="UTF-8">
      <title>Modernizr support for autoplay property</title>
      <script src="https://res.cloudinary.com/dqve0eukw/raw/upload/v1521719839/modernizr-custom.js" type="text/javascript"></script>

 
   </head>
   <body>
      <div id="box" style="background:blue;">teste....</div>
      <script>
      var f= document.getElementById('box');
        if(document.querySelector('video')){
  f.style.color="green";
  f.innerHTML="Autoplay wird unterstützt"
       }else{
    f.style.color="red";
  f.innerHTML="Autoplay kann dein Browser nicht";
 
       }
     
     </script>
 
 
   </body>
</html>

So könnte man es machen,muß man aber nicht.

diese Zeile mußt du dann anpassen,wenn du den richtigen Abfrage Code hast
if(hier muss was stehen){

handyaner · 25 März 2018

so wie ich die anleitungen von modernizr verstanden habe, reicht es aus die bibliothek einzubinden.
und dass die klassen no-videautooplay und autovideoplay von modernizr.js geliefert werden.
wenn ich mir folgende beispiele ansehe wie https://codepen.io/caraya/pen/grmPEv?q=videoautoplay&limit=all&type=type-pens dann ist da auch nur modernizr.js eingebunden und kein weiterers js notwendig.

basti1012 · 25 März 2018

Jetzt verstehe ich was du meinst.
1.Das wird nicht klappen.
2. so würde der Code aussehen ,wenn das modernizr Script das könnte.

Code:

<html lang="en" >
   <head>
      <meta charset="UTF-8">
      <title>Modernizr support for autoplay property</title>
      <script src="https://res.cloudinary.com/dqve0eukw/raw/upload/v1521719839/modernizr-custom.js" type="text/javascript"></script>
      <style>
 ul{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
li{color:green}
.no-videoautoplaytest li.videoautoplaytest{ color: red; }
      </style>
   </head>
   <body>


<ul><li class="videoautoplaytest">videoautoplaytest</li> </ul>
  </body>
</html>

Aber kann es nicht

Frage Modernizr und videoautoplay

handyaner

Neues Mitglied

basti1012

Senior HTML'ler

handyaner

Neues Mitglied

basti1012

Senior HTML'ler

Neueste Beiträge