Kā ievietot filmu vai video HTML dokumentā

Filmu varat ievietot HTML dokumentā, izmantojot tālāk minētos piemērus. Lai nodrošinātu saderību, mēs iesakām izmantot MP4 video formātu, ko atbalsta visas galvenās pārlūkprogrammas un operētājsistēmas.

Padoms. Filmu uzņemšana jūsu serverī var būt dārga, jo joslas platuma izmaksas. Ja nevēlaties uztraukties par video failu uzņemšanu un vēlaties iegūt lielu auditorijas uzmanību, video uzņemšana pakalpojumā YouTube un saites ievietošana jūsu vietnē ir lieliska ideja.

Piezīme: ne visi tālāk minētie ieteikumi darbosies visām pārlūkprogrammām. Pārliecinieties, ka risinājums, kuru izlemjat izmantot, darbojas ar pārlūkprogrammām, kuras vēlaties atbalstīt.

Turpmāk sniegtie piemēri sniedz dažādas metodes, kā padarīt video failu skatāmu no pārlūka loga. Mēs arī iesakām izveidot tiešu lejupielādes saiti uz failu, kas ļauj apmeklētājiem lejupielādēt failu, ja filma netiks atskaņota pārlūkprogrammā. Tālāk ir minēti divi tiešā saikne ar diviem dokumentiem šajā dokumentā.

Floppy drive robots

HTML kods

 Floppy drive robots 

IBM Linux reklāma

HTML kods

 IBM Linux reklāma 

Iegult YouTube videoklipu

Videoklipu uzņemšana pakalpojumā YouTube ir lielisks, jo tas ietaupa izmaksas par joslas platumu, var atbalstīt daudzus skatītājus un var arī iepazīstināt jūsu video ar populārākās interneta lapas apmeklētājiem. Tālāk sniegts piemērs video, kas izvietots vietnē YouTube, un ir iekļauts šajā vietnē.

HTML kods

Visu YouTube videoklipu HTML kods tiek atrasts, izmantojot koplietošanas saiti, kas atrodama katrā YouTube videoklipā. Kad esat noklikšķinājis uz saites Kopīgot, noklikšķiniet uz saites Iegult saiti. Zemāk ir piemērs kodam, ko izmanto, lai parādītu iepriekšminēto YouTube videoklipu.

Video tag

Tag ir HTML birkas, kas paredzētas video demonstrēšanai visās mūsdienu pārlūkprogrammās. Tag atbalsta MP4, Ogg un WebM video formātus, un to var īstenot ar vienu HTML tagu.

HTML kods

 Jūsu pārlūkprogramma neatbalsta 

Pamata embed tag

Zemāk ir koda kods, kas ir visvienkāršākā metode, kā ievietot failu tīmekļa lapā.

HTML koda piemērs

Šajā piemērā izmantojat iegultu elementu, lai norādītu uz filmas faila avotu, kuru vēlaties atskaņot. Ņemiet vērā, ka tas ir ļoti vienkāršs piemērs, un tas nerādīs nekādus brīdinājumus vai norādīs lietotāju uz atrašanās vietu, lai lejupielādētu spraudni, ja video fails netiek atbalstīts.

Pievienojiet filmas failu, izmantojot img tagu

Ja nevēlaties izmantot tagu, varat arī pievienot filmas failu, izmantojot tagu, kā parādīts zemāk redzamajā piemērā.

HTML koda piemērs

Ielikt tagu, lai atskaņotu QuickTime filmas (.MOV)

Apple QuickTime filmu faili ir vēl viens populārs filmas veids internetā. Zemāk ir galvenais piemērs, kā šos failus iekļaut savā tīmekļa lapā.

Piezīme. Programmā Microsoft Windows vairs netiek atbalstīta programma QuickTime, un visas jaunās pārlūkprogrammas vairs neatbalsta šo QuickTime filmu ievietošanas metodi.

HTML koda piemērs

Iepriekš minētajā iegulšanas piemērā koda pirmā daļa norāda uz filmas faila src (avots), kas ir pats filmas fails. Pēc tam spraudnis ir spraudņa atrašanās vieta, ja apmeklētājs to nav instalējis. Platums un augstums ir video faila faktiskie izmēri. Controller vērtību var iestatīt uz true vai false, lai pārslēgtu apakšējo vadības ierīču parādīšanu.

Padoms. Ja nevarat redzēt kontrolieri, iespējams, vēlaties palielināt video faila augstumu.

Cilpa ir iestatījums, kad vēlaties, lai fails tiktu automātiski sākts, kad tas ir pabeigts. Visbeidzot, automātiskā atskaņošana liek pārlūkprogrammai sākt vai nesākt video faila atskaņošanu pēc tam, kad lapa ir ielādēta.

Ievadiet iegultā taga atribūtu, lai norādītu spraudni

Iegultā tagā iekļaujiet tipa atribūtu, lai norādītu video faila MIME tipu. Tas ļauj jums norādīt spraudni, kas nepieciešama, lai atskaņotu videoklipu pārlūkā.

HTML koda piemērs

Iepriekš minētajā piemērā tipa atribūts ir iestatīts uz video / x-msvideo, kas ir MIME tips AVI video failiem.

Lai noteiktu vērtību, kas jāpiešķir tipa atribūtam cita veida video failiem, pārbaudiet videoklipu MIME tipu sarakstu lapā IANA Media Types.