responsive tumblr video funktioniert nicht auf mobilen

In ein tumblr-theme, das ich entwickle, die ich verwenden fitvids.js zu machen videos reagieren.

Alle gängigen bettet (YouTube, Vimeo etc.) arbeiten wie ein Charme.

Bearbeitete ich FitVids.js zur Unterstützung der Tumblr-video-uploads (die tumblr-video-player). Es verhält sich ordnungsgemäß auf dem desktop, aber es funktioniert nicht auf mobilen Geräten. Das Bild wird beschnitten und die play-Taste ist zu groß und überschreitet die video-container. Sie können nicht spielen Sie das video an alle.

Auf dieser Seite funktioniert es, aber ich kann einfach nicht herausfinden, wie: http://mikehacks.tumblr.com/post/86858788257

mein html ist:

<div class="video-container">
  <p>{VideoEmbed-700}</p>
</div>

das video-container ist nur für das hinzufügen einiger margin:

.video-container {
  margin-top: 30px;
}

Lese ich diese Frage aber ich bin angewiesen auf fitvids,js und kann ich nicht erwarten, dass die Benutzer das hinzufügen von tags für Seitenverhältnisse. Auch dieses funktioniert nicht mit ungewöhnlichen Seitenverhältnissen. Sorry für das starten einer neuen Frage; ich bin nicht in der Lage, zu kommentieren, noch.

Ich bin wirklich stecken mit diesem, jede Hilfe ist sehr willkommen!

  • Fitvids.js nur scheint eine Handvoll von video-Quellen. Wenn es nicht kompatibel ist mit Tumblr-videos, die Sie haben zu suchen Sie nach etwas anderes oder versuchen, Bearbeiten Sie den code. Die Technik verwendet das tumblog ist exacty was beschrieben wird, im anderen StackOverflow-Frage, und es funktioniert mit den Benutzer-definierten tags.
  • Vielen Dank für die Beantwortung so schnell! Ich dachte, es gibt vielleicht einige javascript, dass die macht der tumblr-videos funktioniert auf dem Handy. Ich werde versuchen, alternativen zu suchen oder den code Bearbeiten. Danke!
  • Tatsächlich ist es möglich, setup-FitVids Griff eine benutzerdefinierte video-Anbieter. Das heißt, es wird nicht funktionieren in diesem Fall. Auf mobile, Tumblr nicht dazu dienen, einen iFrame für das video. Stattdessen dient ein Anker-link, die ich nun sehen kann, den Sie notiert haben in Ihrer Antwort.
  • mögliche Duplikate von Responsive Tumblr videos funktioniert nicht
InformationsquelleAutor Flax | 2014-09-01
  1. 1

    Habe ich endlich die tumblr-videos die Arbeit an Mobil – immer mit fitvids. Es ist relativ einfach, aber vielleicht hat jemand diese nützlich finden:

    Da die tumblr-video-player hat eine ganz andere markup auf mobilen Geräten (es ist nur ein link zum video) es ist klar fitvids, nichts mit dass.

    Habe ich dieses einfache CSS zu optimieren, die tumblr-videos nur auf touch-Geräten:

    .touch .video-container a {
    width: 100% !important;
    height: auto !important;
}

    (Ich entledigte sich die p-Tags, um die {VideoEmbed-700} verursacht, weil Sie das video nicht bei allen spielen.)
    Die touch-Klasse generiert wird, die von Modernizr im Fall Sie Wunder.

    Diese Weise müssen Sie nicht haben, um mit tags für das Seitenverhältnis!

    InformationsquelleAutor Flax
Schreibe einen Kommentar