การฝังวิดีโอ HTML5 ลงในหน้าแรกแบบคงที่ใน WordPress

ฉันกำลังพยายามสร้างหน้าประเภทสแปลชโดยใช้วิธีหน้าแรกแบบคงที่ใน WordPress และฉันกำลังพยายามให้วิดีโอสี่วินาทีเล่นเมื่อโหลดเพจแล้ว ฉันรู้วิธีทำให้วิดีโอเล่นอัตโนมัติซึ่งไม่ใช่ปัญหา ปัญหาคือวิดีโอไม่แสดง

ฉันสามารถสร้างหน้าแรกแบบคงที่ได้โดยการสร้างไฟล์เทมเพลต front-page.php รหัสที่ฉันวางไว้ในไฟล์นี้เป็นดังนี้:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Iron Triangle Films Splash Page</title>
  <link rel="stylesheet" href="/thcss/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>

หน้าเว็บโหลดเป็นหน้าแรก แต่วิดีโอไม่แสดง นี่คือลิงก์ไปยังไซต์


wordpress php html wordpress-theming
person Chris Mazzochi    schedule 22.08.2014    source แหล่งที่มา
comment
irontrianglefilms.com/itf.mp4 HTTP 404   -  person Artek Wisniewski    schedule 22.08.2014
comment
ขอบคุณสำหรับการตอบกลับ ทำไมมันหาไม่เจอล่ะ? ไฟล์ 'itf.mp4' อยู่ในไดเร็กทอรีเดียวกันกับไฟล์ front-page.php ไม่จำเป็นต้องไปที่โฟลเดอร์อื่นเช่นโฟลเดอร์ 'วิดีโอ' ด้วยซ้ำ มันควรจะสามารถค้นพบมันได้ อะไรหายไป? ฉันจะขอบคุณมัน ขอบคุณ ซม. –   -  person Chris Mazzochi    schedule 22.08.2014

คำตอบ (2)


arrow_upward
2
arrow_downward

ปัญหาคือไม่มีไฟล์วิดีโอ itf.mp4 ของคุณ ดังนั้นเบราว์เซอร์จึงไม่สามารถเล่นได้

เบราว์เซอร์กำลังดูที่นี่: http://irontrianglefilms.com/itf.mp4

ซึ่งอย่างที่คุณเห็น 404 (ในลักษณะ HostGator ที่เป็นสแปมมาก :()

ค่อนข้างเป็นไปได้ว่าคุณได้วางไฟล์วิดีโอไว้ในไดเร็กทอรีธีมของคุณ ซึ่งไม่ใช่ไดเร็กทอรีเดียวกันเท่าที่เบราว์เซอร์เกี่ยวข้อง คุณสามารถวางไฟล์ไว้ในเว็บรูทของคุณ (ความคิดที่ไม่ดี) หรือลิงก์ไปยังไฟล์ได้อย่างถูกต้อง:

<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
ขอบคุณสำหรับการตอบกลับ ทำไมมันหาไม่เจอล่ะ? ไฟล์ 'itf.mp4' อยู่ในไดเร็กทอรีเดียวกันกับไฟล์ front-page.php ไม่จำเป็นต้องไปที่โฟลเดอร์อื่นเช่นโฟลเดอร์ 'วิดีโอ' ด้วยซ้ำ มันควรจะสามารถค้นพบมันได้ อะไรหายไป? ฉันจะขอบคุณมัน ขอบคุณ ซีเอ็ม - person Chris Mazzochi; 22.08.2014
comment
ไมค์ ฉันใช้งานได้กับ Firefox แต่ใช้ไม่ได้กับ Chrome, Safari หรือ IE มีความคิดอะไรบ้าง? www.irontrianglefilms.com - person Chris Mazzochi; 22.08.2014
comment
ไม่มีอะไรเปลี่ยนแปลง. ไฟล์ของคุณยังคงเป็น 404 - person Mike; 22.08.2014
comment
ขณะนี้ใช้งานได้กับทุกเบราว์เซอร์หลังจากที่คุณใช้โค้ดของฉันจากคำตอบ - person Mike; 22.08.2014

arrow_upward
0
arrow_downward

ฉันได้ลองสร้างวิดีโอแบบไม่ปิดเสียง & วนซ้ำบนหน้าแรกของ Wordpress และผลลัพธ์สุดท้ายก็เกิดขึ้นกับโค้ดที่กำหนดเองบนวิซาร์ด ตอนนี้มันง่ายและสะดวกเพียงแค่คัดลอก - วางโค้ดแล้วเปลี่ยนลิงก์วิดีโอของคุณ

<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