Bagaimana anda menggunakan & lt; objek & gt; dan & lt; embed & gt; Tag untuk kandungan multimedia?

Bagaimana anda menggunakan tag dan untuk kandungan multimedia?

Tag <object></object> dan <embed></embed> digunakan untuk membenamkan kandungan multimedia seperti video, fail audio, dan sumber lain secara langsung dalam dokumen HTML. Inilah cara anda boleh menggunakannya:

• Menggunakan tag <object></object> :
  Tag <object></object> mentakrifkan objek tertanam dalam dokumen HTML. Ia serba boleh dan boleh digunakan untuk memasukkan pelbagai jenis media. Sintaks adalah seperti berikut:

   <code class="html"><object data="url" type="mime-type" width="width" height="height"> <!-- Fallback content here --> <param name="param-name" value="param-value"> </object></code>

  • data : Menentukan URL sumber yang akan digunakan oleh objek.
  • type : Menentukan jenis mime sumber.
  • width dan height : Tentukan saiz objek.
  • <param> : membolehkan anda menentukan parameter ke objek. Sebagai contoh, jika anda membenamkan objek Flash, anda mungkin perlu menentukan parameter filem.

• Menggunakan tag <embed></embed> :
  Tag <embed></embed> adalah cara yang lebih mudah, tetapi kurang standard, untuk membenamkan kandungan multimedia. Ia sering digunakan untuk memasukkan objek flash atau kandungan berasaskan plugin yang lain. Sintaks adalah seperti berikut:

   <code class="html"><embed src="url" type="mime-type" width="width" height="height"></embed></code>

  • src : Menentukan URL sumber yang akan dibenamkan.
  • type : Menentukan jenis mime sumber.
  • width dan height : Tentukan saiz elemen embed.

Apakah perbezaan utama antara dan tag apabila membenamkan multimedia?

Tag <object></object> dan <embed></embed> , sementara kedua -duanya digunakan untuk membenamkan kandungan multimedia, mempunyai beberapa perbezaan utama:

• Standardisasi : Tag <object></object> adalah sebahagian daripada piawaian HTML dan lebih banyak disokong secara meluas di seluruh pelayar yang berbeza. Tag <embed></embed> , sebaliknya, bukan sebahagian daripada piawaian HTML tetapi disokong oleh pelayar yang paling moden kerana sebab -sebab sejarah.
• Kandungan Fallback : Tag <object></object> membolehkan anda memberikan kandungan balik balik, yang boleh dipaparkan jika penyemak imbas tidak dapat memberikan objek tersebut. Ini dilakukan dengan memasukkan kandungan HTML di dalam tag <object></object> . Tag <embed></embed> tidak menyokong kandungan sandaran secara langsung dalam tag.
• Nesting : Tag <object></object> boleh bersarang dalam tag <object></object> yang lain, yang membolehkan anda menentukan pelbagai pilihan sandaran. Tag <embed></embed> tidak boleh bersarang.
• Parameter : Tag <object></object> menggunakan unsur -unsur <param> untuk lulus parameter ke objek tertanam, sedangkan tag <embed></embed> menggunakan atribut untuk lulus parameter.

Bagaimanakah anda dapat memastikan keserasian penyemak imbas apabila menggunakan dan tag untuk multimedia?

Memastikan keserasian silang pelayar apabila menggunakan <object></object> dan <embed></embed> tag melibatkan beberapa strategi:

• Gunakan kedua -dua tag : Pendekatan yang biasa adalah menggunakan kedua -dua <object></object> dan <embed></embed> tag untuk memaksimumkan keserasian. Anda sarang tag <embed></embed> di dalam tag <object></object> , yang membolehkan penyemak imbas yang menyokong tag <object></object> untuk menggunakannya, sementara yang tidak akan kembali ke tag <embed></embed> .

   <code class="html"><object data="yourfile.swf" type="application/x-shockwave-flash" width="300" height="120"> <param name="movie" value="yourfile.swf"> <embed src="yourfile.swf" type="application/x-shockwave-flash" width="300" height="120"> </embed> </object></code>

• Tentukan Jenis MIME : Pastikan anda menentukan jenis mime yang betul dalam atribut type . Ini membantu penyemak imbas menentukan sama ada ia boleh mengendalikan jenis fail.
• Kandungan Fallback : Sentiasa berikan kandungan sandaran dalam tag <object></object> . Ini boleh menjadi teks, imej alternatif, atau objek tertanam yang lain yang mungkin disokong oleh penyemak imbas.
• Ujian : Menguji kandungan multimedia anda secara menyeluruh merentasi pelayar dan versi yang berbeza untuk memastikan ia memaparkan dengan betul. Alat seperti BrowserStack boleh sangat berguna untuk ini.

Kaedah alternatif apa yang boleh digunakan jika dan tag gagal memaparkan kandungan multimedia?

Jika <object></object> dan <embed></embed> tag gagal memaparkan kandungan multimedia, terdapat beberapa kaedah alternatif yang boleh anda gunakan:

• HTML5 <video></video> dan <audio></audio> Tags : Untuk kandungan video dan audio, tag HTML5 <video></video> dan <audio></audio> kini disokong secara meluas di seluruh pelayar moden dan menyediakan cara standard untuk membenamkan kandungan multimedia.

   <code class="html"><video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </source></source></video></code>

• Perpustakaan JavaScript : Perpustakaan seperti Flowplayer atau JPlayer boleh digunakan untuk membenamkan kandungan multimedia. Perpustakaan ini menyediakan lapisan abstraksi dan sering mengendalikan isu keserasian pelayar untuk anda.

• Perkhidmatan pihak ketiga : Perkhidmatan seperti YouTube, Vimeo, atau SoundCloud membolehkan anda membenamkan media menggunakan tag iframe. Perkhidmatan ini mengendalikan embedding dan sering memberikan prestasi dan pengalaman pengguna yang lebih baik.

   <code class="html"><iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></code>

• Imej Fallback : Jika kandungan multimedia tidak dapat dimainkan, anda boleh kembali ke imej statik dengan pautan ke fail media, yang membolehkan pengguna memuat turun dan memainkannya dalam pemain media pilihan mereka.

Dengan menggunakan kaedah alternatif ini, anda dapat memastikan bahawa kandungan multimedia anda boleh diakses dan berfungsi di pelbagai platform dan peranti.

Atas ialah kandungan terperinci Bagaimana anda menggunakan & lt; objek & gt; dan & lt; embed & gt; Tag untuk kandungan multimedia?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!