Saya cukup baru untuk markup (meskipun sangat mudah untuk diambil). Saya sedang mengerjakan sebuah paket dan berusaha mendapatkan halaman wiki yang terlihat bagus sebagai manual bantuan. Saya dapat memasukkan tautan video YouTube ke halaman wiki dengan cukup mudah, tetapi bagaimana cara menyematkan video YouTube. Saya tahu ini tidak mungkin.
Saya telah membaca Anda dapat menggunakan tag HTML jadi saya mencoba menyematkan dengan HTML per tautan ini sebagai berikut:
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
<param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="350" />
</object>
Dan menyelamatkan halaman tetapi tidak ada yang terjadi.
- Apakah mungkin untuk menyematkan video YouTube di halaman wiki GitHub?
- Kalau begitu bagaimana?
Jawaban:
Anda tidak dapat menyematkan video secara langsung, tetapi Anda dapat meletakkan gambar yang tertaut ke video YouTube:
[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)
Untuk informasi lebih lanjut, lihat cheatsheet Markdown ini di GitHub.
sumber
Contoh Lengkap
Meskipun tidak mungkin untuk menyematkan video dalam Markdown Anda dapat "memalsunya" dengan memasukkan gambar tertaut yang valid dalam file markup Anda, menggunakan format ini:
[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")
Penjelasan tentang penurunan harga
Jika potongan markup ini terlihat rumit, pecah menjadi dua bagian:
sebuah gambar
![image alt text](https://example.com/link-to-image)
terbungkus tautan
[link text](https://example.com/my-link "link title")
Contoh menggunakan Penurunan Nilai Valid dan Gambar Mini YouTube:
Kami mencari gambar mini langsung dari YouTube dan menautkan ke video yang sebenarnya, jadi ketika orang mengklik gambar / gambar mini mereka akan dibawa ke video.
Kode:
[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
ATAU Jika Anda ingin memberi isyarat visual kepada pembaca bahwa gambar / thumbnail sebenarnya adalahvideo yang dapat diputar , ambil tangkapan layar video Anda sendiri di YouTube dan gunakan itu sebagai thumbnail.
Contoh menggunakan Screenshot dengan Kontrol Video sebagai Visual Cue:
Kode:
[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
Keuntungan yang jelas
Meskipun ini memerlukan beberapa langkah tambahan ( a ) mengambil tangkapan layar video dan ( b ) mengunggahnya sehingga Anda dapat menggunakan gambar tersebut sebagai gambar mini Anda, namun ia memiliki 3 keuntungan jelas :
Mengambil dan mengunggah tangkapan layar membutuhkan waktu beberapa detik tetapi hasilnya besar.
Bekerja Di Mana Saja!
Karena ini adalah penurunan standar, ia berfungsi di mana-mana. coba di GitHub, Reddit, Ghost, dan di sini di Stack Overflow.
Vimeo
Pendekatan ini juga berfungsi dengan video Vimeo
Contoh
Kode
Catatan:
sumber
[![Everything Is AWESOME](//img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](//www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
http
atauhttps
di GitHub misalnya: github.com/dwyl/remote-working mana gambar video dan bekerja hubungan ...Penurunan harga tidak secara resmi mendukung embeddings video tetapi Anda dapat menanamkan HTML mentah di dalamnya. Saya mengujinya dengan GitHub Pages dan berfungsi dengan sempurna.
Cuplikan terlihat seperti:
PS: Anda dapat melihat pratinjau langsung di sini
sumber
Jika Anda menyukai tag HTML lebih dari markdown + perataan tengah:
sumber
Rata tengahkan Video dengan Gambar Kecil dan Tautan:
Hasil:
sumber
https://img.youtube.com/vi/ID_OF_VIDEO/0.jpg
dan API untuk membentuk tautan gambar dijelaskan secara terperinci dalam jawaban ini: stackoverflow.com/a/2068371/55478Saya membuat https://yt-embed.herokuapp.com/ untuk menyederhanakan ini. Penggunaannya langsung, dari contoh di atas:
Akan menghasilkan:
Cukup panggil ke: https://yt-embed.herokuapp.com/embed?v=[video_id] sebagai gambar alih-alih https://img.youtube.com/vi/ .
sumber
Lihat lebih banyak tips, trik tentang youtube
sumber