Readthedocs.org: Intégrer une vidéo/youtube ?

Créé le 8 août 2014  ·  4Commentaires  ·  Source: readthedocs/readthedocs.org

Bonjour,

Je suis assez nouveau sur readthedocs.org et sur tout le truc du Sphinx. Et je me demandais si vous aviez déjà envisagé de soutenir l'intégration de vidéo dans les docs ? Il semble que cela pourrait profiter à de nombreuses personnes, y compris readthedocs lui-même .

Il semble que http://countergram.com/youtube-in-rst serait un point de départ. Mais honnêtement, je n'ai aucune idée de comment/où cela devrait être intégré, ni même si c'est une bonne idée.

J'apprécierais vraiment si vous pouviez me donner quelques conseils sur la façon d'y parvenir. Et s'il vous plaît pardonnez-moi si je dis des bêtises.

Commentaire le plus utile

Merci beaucoup pour le pointeur. Je peux facilement intégrer une vidéo youtube responsive avec le code suivant :

.. raw:: html

    <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
        <iframe src="//www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
    </div>

Tous les 4 commentaires

Vous devriez juste pouvoir inclure le code d'intégration HTML avec un bloc .. raw:: , je crois. Il y a aussi des tâches d'intégration que je pense que les gens ont utilisées, mais ce n'est pas un problème de RTD, donc je le ferme.

Merci beaucoup pour le pointeur. Je peux facilement intégrer une vidéo youtube responsive avec le code suivant :

.. raw:: html

    <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
        <iframe src="//www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
    </div>

J'ai dû mettre "https:~~" pour une URL youtube. Par exemple,

.. raw:: html

    <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
        <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
    </div>

J'ai également ajouté margin-bottom: 2em; au <div> car j'ai du contenu directement après la vidéo

Cette page vous a été utile?
0 / 5 - 0 notes