Menyematkan Video HTML5 Ke Halaman Depan Statis Di WordPress

Saya mencoba membuat halaman tipe splash menggunakan metode halaman depan statis di WordPress, dan saya mencoba memutar video berdurasi empat detik saat halaman dimuat. Saya tahu cara memutar video secara otomatis, itu bukan masalahnya. Masalahnya adalah videonya tidak muncul.

Saya dapat membuat halaman depan statis dengan membuat file template front-page.php. Kode yang saya tempatkan di file ini adalah sebagai berikut:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Iron Triangle Films Splash Page</title>
  <link rel="stylesheet" href="/idcss/styles.">
    <style>
    .mainContent{
     margin-left: 275px;
    }
    </style>
  </head>
<body>

 <div style="border:solid 1px black;"class="mainContent">

 <video id="my_video" height="500" width="700" autoplay>

 <source src=itf.mp4 type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

 <source src=itf.ogv type='video/ogg; codecs="theora, vorbis"'>

  <p>Your browser does not support HTML5 video.</p>
 </video>

 </div><!--End Main Content div-->

</body>
</html>

Halaman dimuat sebagai halaman depan, tetapi videonya tidak ditampilkan. Berikut tautan ke situs.


wordpress php html wordpress-theming
person Chris Mazzochi    schedule 22.08.2014    source sumber
comment
irontrianglefilms.com/itf.mp4 HTTP 404   -  person Artek Wisniewski    schedule 22.08.2014
comment
Terima kasih telah merespons. Mengapa tidak dapat menemukannya? File 'itf.mp4' berada di direktori yang sama dengan file front-page.php. Bahkan tidak perlu masuk ke folder lain seperti folder 'video'. Ia harus dapat menemukannya. Apa yang hilang? Saya menghargainya. Terima kasih, CM –   -  person Chris Mazzochi    schedule 22.08.2014

Jawaban (2)


arrow_upward
2
arrow_downward

Soalnya file video anda itf.mp4 tidak ada sehingga browser tidak bisa memutarnya.

Browser mencari di sini: http://irontrianglefilms.com/itf.mp4

Yang mana, seperti yang Anda lihat, 404 (dengan cara HostGator yang sangat berisi spam :().

Kemungkinan besar Anda telah menempatkan file video di direktori tema Anda, yang bukan merupakan direktori yang sama jika menyangkut browser. Anda dapat menempatkan file di root web Anda (ide buruk), atau menautkan dengan benar ke file tersebut:

<source src="<?php echo get_bloginfo('template_directory'); ?>/itf.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
person Mike    schedule 22.08.2014
comment
Terima kasih telah merespons. Mengapa tidak dapat menemukannya? File 'itf.mp4' berada di direktori yang sama dengan file front-page.php. Bahkan tidak perlu masuk ke folder lain seperti folder 'video'. Ia harus dapat menemukannya. Apa yang hilang? Saya menghargainya. Terima kasih CM - person Chris Mazzochi; 22.08.2014
comment
Mike Saya sudah membuatnya berfungsi di Firefox, tetapi tidak berfungsi di Chrome, Safari, atau IE. Ada ide? www.irontrianglefilms.com - person Chris Mazzochi; 22.08.2014
comment
Tidak ada yang berubah. File Anda masih 404-an. - person Mike; 22.08.2014
comment
Sekarang berfungsi di semua browser setelah Anda menerapkan kode saya dari jawabannya. - person Mike; 22.08.2014

arrow_upward
0
arrow_downward

Saya telah mencoba membuat video yang dibunyikan & diputar di halaman beranda di Wordpress. Dan hasil akhir muncul pada kode khusus pada wizard. Mudah dan sederhana sekarang cukup salin - lewati kode dan ubah tautan video Anda.

<video autoplay="" muted="" loop="" id="myVideo"><source src="https://trianglefilms.co.in/wp-content/uploads/2021/01/triangle-films-Main.mp4" type="video/mp4"></video>
person Sumanta    schedule 22.02.2021