KomputerKeselamatan

Cara memasukkan video dalam HTML

Laman web di Internet adalah cara mempromosikan perkhidmatan atau item. Tetapi apakah sumber web tanpa kandungan media? Hampir setiap laman mempunyai video yang menjelaskan, menarik, menarik. Oleh itu, pemilik sumber web bertujuan untuk mempelajari bagaimana memasukkan video ke dalam HTML.

Cara untuk membuat laman web

Jadi, laman web - peluang untuk membentangkan maklumat secara interaktif. Seperti yang anda ketahui, sumber Internet terdiri daripada halaman yang saling berkaitan dengan hyperlink. Bagaimana saya boleh membuat laman web saya sendiri?

  1. Gunakan teknologi blogging. Apa maksudnya? Daftar di laman web ini dan dapatkan nama domain peringkat kedua. Terima kasih kepada peluang ini, pemilik tapak menjadi pentadbiran sumbernya dan mendapat akses kepada panel khas. Dengan bantuannya, anda boleh mengubah "brainchild" mengikut keinginan anda.
  2. Untuk mengambil kesempatan daripada pereka laman web yang maju, seperti ucoz.ru, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net, dan sebagainya.
  3. Membangun sumber Internet melalui CMS, iaitu sistem pengurusan laman web.
  4. Merancang reka bentuk anda sendiri "brainchild" dan menciptanya menggunakan bahasa pengaturcaraan HTML.

Walau bagaimanapun, hari ini hampir mustahil untuk mencipta laman web HTML berfungsi sepenuhnya, tetapi mengetahui bahasa ini, susun atur laman web boleh diselaraskan, anda boleh mengubah struktur dalam templat siap sedia.

Komponen bahagian teknologi web

Teknologi web dibahagikan kepada komponen asas berikut:

  1. Pelbagai jenis rangkaian komputer berinteraksi antara satu sama lain melalui protokol TCP / IP.
  2. Web telah menjadi salah satu aplikasi Internet yang bertujuan untuk penyebaran massa pelbagai maklumat.
  3. Dalam teknologi web, pembawa data adalah halaman yang mengandungi kandungan media (grafik, video, hyperlink), jadi anda perlu tahu bagaimana memasukkan video ke dalam HTML.
  4. Untuk memindahkan maklumat hiperteks, teknologi web menggunakan protokol HTTP.
  5. Untuk merekabentuk dan membuat laman web, bahasa markup hiperteks HTML digunakan.
  6. Untuk melihat sumber-sumber di Internet, anda perlu menggunakan penyemak imbas.

Kaedah # 1: Memasukkan kandungan media (video) menggunakan tag HTML5

Terdapat beberapa cara untuk memasukkan kandungan video ke laman web. Terdapat tiga pilihan: masukkan melalui HTML, pemain atau YouTube. Untuk bermula, anda perlu membuat fail HTML5 biasa yang akan mengandungi gaya halaman dan beberapa sub judul. Selepas persediaan, anda boleh memilih satu kaedah dan menikmati hasilnya.

  1. Cari tajuk ketiga dan tulis kod langsung di bawahnya:
  2. Buka halaman dalam penyemak imbas dan pastikan video dipaparkan.
  3. Pastikan anda menetapkan laluan dengan betul ke klip.
  4. Untuk memasukkan video dalam HTML adalah celik huruf, anda perlu menandakan panel kawalan video. Parameter kawalan bertanggungjawab untuk ini.

Perlu diingatkan bahawa kaedah ini tidak dapat dilihat oleh semua orang. Sebagai contoh, dalam penyemak imbas Opera, video yang diletakkan dengan cara ini tidak akan dimainkan. Untuk mengelakkan situasi ini, anda perlu menukar video ke dalam jenis Ogg Theora, menukar kod tersebut.

Anda boleh menukar fail melalui perkhidmatan online-convert.com. Kemudian anda perlu mengubah kod ini:

Jika pelayar lama tidak memahami teg, maka kod itu mungkin kelihatan seperti ini.

Kaedah nombor 2. Bagaimana untuk memasukkan video dalam HTML menggunakan pemain

Kandungan video boleh dimasukkan ke dalam HTML tanpa memuat naik pra-matang ke perkhidmatan video. Oleh itu, anda boleh menggunakan skrip pemain untuk meletakkan filem yang diingini di tapak dengan pelanjutan .mp4 atau .flv. Pertama sekali, anda perlu memilih filem itu sendiri. Kemudian anda perlu memilih salah satu daripada banyak pemain percuma. Sebagai alternatif, anda boleh menggunakan Flowplayer.

  1. Anda perlu memuat turun fail pemain yang ditentukan kepada komputer setempat.
  2. Unzip mereka ke folder tertentu di tapak yang sedang dibuat.
  3. Buka fail HTML dan sambungkan fail javascript pemain ke fail yang disediakan. Untuk melakukan ini, anda perlu menulis kod khas di dalam tag HEAD. Penting : tetapkan betul laluan ke folder!
  4. Anda perlu meletakkan pemain dalam fail HTML. Di sini anda perlu menyerah laluan dengan betul ke fail. Segera tentukan tetapan yang melarang video bermula secara automatik. Sekiranya anda mahu video mula "automatik", anda perlu mengeluarkan koma selepas laluan fail, tutup kurungan (putaran) dan letakkan titik koma.

Kaedah ini agak mudah dan mudah untuk menambah video ke HTML. Dengan cara ini, pilihan ini digunakan oleh banyak pengaturcara web.

Kaedah # 3. Memasukkan video dalam HTML dari Youtube

Selepas fail persediaan HTML5 dibuat, anda boleh mula memasukkan kandungan video dari perkhidmatan YouTube.

  1. Pertama, anda perlu memilih klip video yang akan di halaman. Ia harus disimpan di komputer tempatan.
  2. Anda perlu pergi ke youtube.com. Anda perlu membuat akaun anda atau log masuk ke akaun yang sedia ada.
  3. Selepas log masuk ke halaman anda di YouTube, anda perlu mengklik butang "Tambah Video", dan kemudian muncul tetingkap, yang akan meminta anda memilih fail untuk dimuat naik. Video yang dipilih akan dimuat turun seketika.
  4. Anda boleh pergi ke pautan fail yang dimuat turun, yang terletak di bahagian atas.
  5. Untuk mendapatkan kod untuk memasukkan video, anda perlu mengklik "Kongsi" dan "Kod HTML". Halaman akan mengeluarkan kod program yang diperlukan. Di sini anda boleh menentukan parameter tersebut, seperti: mod privasi, saiz video, keupayaan untuk menunjukkan penyertaan yang sama.
  6. Setelah menetapkan parameter, kod tersebut disalin dan disisipkan ke dalam fail HTML yang disediakan.
  7. Segala-galanya sudah siap. Kini jelas bagaimana untuk memasukkan video ke dalam HTML dari perkhidmatan YouTube.

Jadi, terdapat beberapa cara memasukkan video ke dalam HTML. Pilihan untuk memilih adalah untuk pemrogram laman web atau pemilik tapak untuk membuat keputusan.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ms.delachieve.com. Theme powered by WordPress.