Jadikan video YouTube tertanam responsif dalam blog (dengan imej).

Uncategorized
WebSetNet

Sejak kemas kini terbaru algoritma panda Google, reka bentuk laman web berdasarkan responsif kepada peranti mudah alih telah menjadi masalah besar. Dan semua ini dilakukan untuk memihak kepada majoriti generasi sekarang dan masa depan yang nampaknya banyak didasarkan pada penggunaan peranti mudah alih mewah terutama Tablet Tablets dan iPad.
Adakah anda tahu ini? Video dan imej dalam semua blog peringkat tertinggi mesti dilihat dengan jelas tanpa sebarang potongan, sama ada blog dilihat dari peranti skrin kecil atau lebih besar. Kini saya hanya mempunyai satu soalan kepada anda, "Adakah anda membuat video YouTube yang tertanam dalam blog anda responsif?"imej-keputusan-untuk-youtube-video-responsif
Cara Membuat Responsif Video YouTube di Blogger (dengan Gambar)
Ia menjengkelkan apabila anda tahu bahawa pengunjung yang memasuki laman web anda dari tablet atau telefon pintar mencari video atau imej dalam pos anda tidak kelihatan dengan baik. Biasanya ini digunakan untuk mematikannya dan menjadikan mereka tidak dapat melawat blog anda. Ini tidak baik sama sekali kerana ia meningkatkan kadar lantunan dan akhirnya menjadikan anda kepercayaan berharga terlepas dari hilangnya kredit enjin carian dengan tidak membuat susun atur mesra pengguna untuk peranti mudah alih tinggi.
Sebagai blogger, anda harus menghargai pelawat anda dengan memastikan susunan susun atur anda dan reka bentuk templat untuk responsif dalam mana-mana peranti terutama pada telefon pintar.

Bagaimana untuk membuat video responsif.

Berikut adalah penyelesaian langkah demi langkah tentang cara untuk menyediakan Video terbenam anda menjadi responsif.
Saranan: Adalah lebih baik untuk membuat sandaran templat anda sebelum melakukan apa-apa penyesuaian pada kod di dalamnya.1. Log masuk ke akaun Blogger anda.
1. Pergi ke Templat> Edit HTML
2. tekan CTRL + F dan cari kod </ style>
3. Tambah kod ini di atasnya:


.video-wrapper {kedudukan: relatif; padding-bottom: 56.25%; padding-top: 30px; ketinggian: 0; melimpah: tersembunyi; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed {position: absolute; atas: 0; kiri: 0; lebar: 100%; ketinggian: 100%; }

Lihat contoh:
kod-untuk-membuat-youtube-video-responsif
Kemudian Klik Simpan Templat
4. tambah kod ini untuk setiap kod embed video yang akan menjadi responsif.
<div class = "video-wrapper"> Kod tertanam YouTube </ div>
Gantikan perkataan "YouTube terbenam kod" dengan pautan video.
lihat contoh di bawah
kod-menambah-youtube-video
Itulah cara melakukannya !!

Source

Tinggalkan Jawapan Teks

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda *

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.