Readthedocs.org: Sematkan video/youtube ?

Dibuat pada 8 Agu 2014  ·  4Komentar  ·  Sumber: readthedocs/readthedocs.org

Halo,

Saya cukup baru di readthedocs.org dan semua hal tentang Sphinx. Dan saya ingin tahu apakah Anda pernah mempertimbangkan untuk mendukung penyematan video di dokumen? Tampaknya itu bisa bermanfaat bagi banyak orang, termasuk readthedocs itu sendiri .

Tampaknya http://countergram.com/youtube-in-rst akan menjadi titik awal. Tapi sejujurnya saya tidak tahu bagaimana/di mana ini harus diintegrasikan, atau bahkan jika ini adalah ide yang bagus.

Saya akan sangat menghargai jika Anda bisa memberi saya beberapa petunjuk tentang cara mencapai ini. Dan tolong maafkan saya jika saya berbicara tidak masuk akal.

Komentar yang paling membantu

Terima kasih banyak atas penunjuknya. Saya dapat dengan mudah menyematkan video youtube responsif dengan kode berikut:

.. 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>

Semua 4 komentar

Anda seharusnya bisa memasukkan kode embed HTML dengan blok .. raw:: , saya percaya. Ada juga beberapa tugas embed yang saya yakin telah digunakan orang, tetapi ini bukan masalah RTD, jadi saya menutupnya.

Terima kasih banyak atas penunjuknya. Saya dapat dengan mudah menyematkan video youtube responsif dengan kode berikut:

.. 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>

Saya harus meletakkan "https:~~" untuk url youtube. Sebagai contoh,

.. 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>

Saya juga menambahkan margin-bottom: 2em; ke <div> karena saya memiliki konten langsung setelah video

Apakah halaman ini membantu?
0 / 5 - 0 peringkat