Android zeigt Video nicht an !

andreas · November 28, 2017, 1:49pm

Unter:

http://billowing-salad-4258.bss.design/

ist eine Demo. Chrome, Firefox, IE und Edge funktionieren am PC. Bei Androidgeräten musste ich eine Umleitung erstellen

Kann man bei studio noch etwas einstellen ?

Ich spreche leider kein englisch und währe über eine einfache Anleitung dankbar.

Andreas

saj · November 28, 2017, 7:43pm

Using https://www.translate.com/

Under:
http://billowing-salad-4258.bss.design/
is a demo.

Chrome, Firefox, IE, and edge work on the PC.
In devices, I had to create a redirection you can adjust anything in studio?

I unfortunately do not speak English and would be grateful about a simple guide.

Andreas

Can you give a better explanation of what it is your requesting or what it is your trying to do?

If you are looking for an exported view of your design, you can use the Publish feature and sets up a site that is hosted by Bootstrap Studios. I have not setup one yet but others have, so they maybe able to help with that type of info.

Saj

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Geben Sie eine bessere Erklärung dessen, was es Ihr beantragt ist oder was es Ihr versucht zu tun?

Wenn Sie auf der Suche nach einer exportierten Ansicht Ihres Designs, können Sie die Publish-Funktion und setzt eine Site, die Bootstrap-Studios gehostet wird, verwenden. Ich habe eine noch nicht einrichten, aber andere haben, so sie vielleicht in der Lage, mit dieser Art von Informationen zu helfen.

Saj

andreas · November 28, 2017, 8:46pm

Ich habe nur einen schwarzen Bildschirm bei mobilen Endgeräten, welche mit Android laufen.

Android kommt wohl nicht mit: "Video Parallax Background" zurecht.

Diese Seite war gedacht um die Leute neugierig zu machen was da bald kommt.

<hr />

I only have a black screen on mobile devices running Android.

Android probably does not come with: "Video Parallax Background" rightly.

This site was meant to make people curious about what's coming up soon. <!DOCTYPE html> <html>

<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>video</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/styles.min.css"> <script src="/_bssfiles/badge.js"></script> </head>

</html>

saj · November 29, 2017, 2:03am

OK, zuerst werde ich senden wir Ihnen auf dieser Website in Deutsch https://www.html5rocks.com/de/tutorials/video/basics/

Grund ist, dass, was ich gefunden habe ist, dass mobile Geräte automatisch "Autoplay" und "Vorspannung" deaktiviert.

Es scheint ein Problem mit dem Video. Allerdings weiß ich nicht was es ist, dass es falsch ist. Wie ich dazu kam, ist, dass ich neu Ihr Design in der BSS-app erstellt und ich konnte "Bedienelemente". Und dann nach viel Tests fand ich, dass es war nur eine Spinnerei-Symbol neben den Play-Button, so dass es es nie geladen wurde. Ich musste ein weiteres video zu verwenden, also ich https://www.w3schools.com/html/mov_bbb.mp4 versuchte. Ich könnte auf die Steuerelemente nicht erhalten, so fand ich dieses Setup nach viel Versuch und Irrtum.

.video-parallax-container video {
  top:50%;
  left:50%;
  /* min-width:100vw; */ //Menschen mit Behinderungen in der app
  /* min-height:100%; */ //Menschen mit Behinderungen in der app
  width:auto;
  height:auto;
  z-index:-100;
  transform:translateX(-50%) translateY(-50%);
  background-size:cover;
  transition:1s opacity;
  -webkit-transition-position:fixed;
  position:fixed;
  overflow:hidden;
}

@media (min-width: 768px) {
  .video-parallax-container {
    height:100vh;
    overflow:hidden;
  }
}

Ohne die Medienabfrage um "Video-Parallax-Container" konnte nicht ich die Play-Taste in einem mobilen Setup klicken. Aber sobald ich das CSS so eingestellt und das Video verwendet konnte ich den Play-Button klicken.

Ohne Zugriff auf das Steuerelement kann das Video ausgeführt werden. Mein iPhone7 starten nicht das Video mit nur einem Fingertipp.

Dies sollte ich Hoffnung zumindest können Sie auf dem Weg um herauszufinden, Ihr Problem zu erhalten. Ich bin mir nicht sicher, dass ich viel mehr Hilfe sein kann, da HTML5 Videos ist nicht wirklich etwas, das ich persönlich zusammengearbeitet habe.

Saj

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Ok, first I am going to send you to this site in Deutsch https://www.html5rocks.com/de/tutorials/video/basics/

Reason is that what I found is that mobile devices automatically disabled autoplay and preload.

There seems to be an issue with the video. However, I don't know what it is that is wrong with it. How I came about this is that I recreated your design in the BSS app and I enabled controls. And then after much testing I found that it just had a spinning icon near the play button so it was never loading it. I had to use another video so I tried https://www.w3schools.com/html/mov_bbb.mp4. I couldn't get to the controls so I found this setup after much trial and error.

.video-parallax-container video {
  top:50%;
  left:50%;
  /* min-width:100vw; */ //disabled in the app
  /* min-height:100%; */ //disabled in the app
  width:auto;
  height:auto;
  z-index:-100;
  transform:translateX(-50%) translateY(-50%);
  background-size:cover;
  transition:1s opacity;
  -webkit-transition-position:fixed;
  position:fixed;
  overflow:hidden;
}

@media (min-width: 768px) {
  .video-parallax-container {
    height:100vh;
    overflow:hidden;
  }
}

Without the media query around video-parallax-container I couldn't click the play button in a mobile setup. But once I set the CSS like that and used that video I was able to click the play button.

Without access to the control I can't run the video. My iPhone7 didn't start the video with just a tap.

This should I hope at least allow you to get on the path to figuring out your issue. I'm not sure I can be much more help since HTML5 videos isn't really something that I've personally worked with.

Saj