รบกวนท่านผู้รู้ช่วยไขปัญหาด้วยนะคะ
เนื่องจากทำแบบฝึกใน Hot Potato และใส่ไฟล์ภาพยนต์ในแบบฝึกนั้น
และพอเซฟแล้วลองเทสต์ดู ปรากฏว่า จะขึ้นไฟล์ภาพยนต์เอาไว้รอเรากดปุ่ม PLAY เพื่อเล่นไฟล์
แต่... พื้นมันเป็นภาพสีดำทั้งจอ ตามตัวอย่างด้านล่าง
ซึ่งมันดูไม่สวยเลย อยากเขียนกำหนดให้ไฟล์ภาพยนต์ เริ่มต้นที่รูปแรกของไฟล์ เป็นรูปในวิดีโอที่เรา insert มาน่ะค่ะ
หรือกำหนดเป็นรูปภาพ .jpg บังเอาไว้ก็ได้ แล้วพอเราคลิกเล่นไฟล์ภาพยนต์ ไฟล์รูปภาพ.jpg นั้นจะหายไป
และเล่นภาพยนต์ได้ปกติ อะไรทำนองนี้นะคะ ทั้งที่หน้าแรกของไฟล์ภาพยนต์ก็เริ่มด้วยรูปเลย ไม่ได้เริ่มด้วยจอสีดำ
1. ไม่ทราบว่าจะเขียนโค้ดอย่างไร อ่านsource code แล้วงง น่ะค่ะ
อีกกรณีคือ เมื่อเปิดภาพยนต์ที่เราใส่เข้าไป สีพื้นที่รอบๆ ก็เป็นสีดำ
2. อยากกำหนดสีใหม่ ไม่ทราบจะเขียนโค้ดกำหนดได้ไหมคะ หรือต้องกำหนดขนาดของไฟล์ภาพยนต์ ให้พอดีกับต้นฉบับเลย
มีตัวอย่างให้ดูด้านล่างนะคะ
ด้านล่างนี้คือ source code ที่ก็อปปี้มาจาก Hot Potato นะคะ
<li class="QuizQuestion" id="Q_5" style="display: none;"><div class="QuestionText"><object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="640" height="480"> <param name="url" value="A lover's Concerto.mp4" /> <param name="autostart" value="false" /> <param name="showcontrols" value="true" /><a href="A lover's Concerto.mp4" title="A lover's Concerto.mp4">A lover's Concerto.mp4</a></object> </div><ol class="MCAnswers">
<li id="Q_5_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_0_Btn" onclick="CheckMCAnswer(5,0,this)"> ? </button> ฟ</li><li id="Q_5_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_1_Btn" onclick="CheckMCAnswer(5,1,this)"> ? </button> ฟ</li><li id="Q_5_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_2_Btn" onclick="CheckMCAnswer(5,2,this)"> ? </button> ฟ</li><li id="Q_5_3"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_3_Btn" onclick="CheckMCAnswer(5,3,this)"> ? </button> ฟ</li></ol></li>
ขอบคุณทุกคำแนะนำนะคะ
การตั้งค่าไฟล์ภาพยนต์ ใน HTML (ใช้โปรแกรม Hot Potato ทำแบบฝึก)
เนื่องจากทำแบบฝึกใน Hot Potato และใส่ไฟล์ภาพยนต์ในแบบฝึกนั้น
และพอเซฟแล้วลองเทสต์ดู ปรากฏว่า จะขึ้นไฟล์ภาพยนต์เอาไว้รอเรากดปุ่ม PLAY เพื่อเล่นไฟล์
แต่... พื้นมันเป็นภาพสีดำทั้งจอ ตามตัวอย่างด้านล่าง
ซึ่งมันดูไม่สวยเลย อยากเขียนกำหนดให้ไฟล์ภาพยนต์ เริ่มต้นที่รูปแรกของไฟล์ เป็นรูปในวิดีโอที่เรา insert มาน่ะค่ะ
หรือกำหนดเป็นรูปภาพ .jpg บังเอาไว้ก็ได้ แล้วพอเราคลิกเล่นไฟล์ภาพยนต์ ไฟล์รูปภาพ.jpg นั้นจะหายไป
และเล่นภาพยนต์ได้ปกติ อะไรทำนองนี้นะคะ ทั้งที่หน้าแรกของไฟล์ภาพยนต์ก็เริ่มด้วยรูปเลย ไม่ได้เริ่มด้วยจอสีดำ
1. ไม่ทราบว่าจะเขียนโค้ดอย่างไร อ่านsource code แล้วงง น่ะค่ะ
อีกกรณีคือ เมื่อเปิดภาพยนต์ที่เราใส่เข้าไป สีพื้นที่รอบๆ ก็เป็นสีดำ
2. อยากกำหนดสีใหม่ ไม่ทราบจะเขียนโค้ดกำหนดได้ไหมคะ หรือต้องกำหนดขนาดของไฟล์ภาพยนต์ ให้พอดีกับต้นฉบับเลย
มีตัวอย่างให้ดูด้านล่างนะคะ
ด้านล่างนี้คือ source code ที่ก็อปปี้มาจาก Hot Potato นะคะ
<li class="QuizQuestion" id="Q_5" style="display: none;"><div class="QuestionText"><object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="640" height="480"> <param name="url" value="A lover's Concerto.mp4" /> <param name="autostart" value="false" /> <param name="showcontrols" value="true" /><a href="A lover's Concerto.mp4" title="A lover's Concerto.mp4">A lover's Concerto.mp4</a></object> </div><ol class="MCAnswers">
<li id="Q_5_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_0_Btn" onclick="CheckMCAnswer(5,0,this)"> ? </button> ฟ</li><li id="Q_5_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_1_Btn" onclick="CheckMCAnswer(5,1,this)"> ? </button> ฟ</li><li id="Q_5_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_2_Btn" onclick="CheckMCAnswer(5,2,this)"> ? </button> ฟ</li><li id="Q_5_3"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_5_3_Btn" onclick="CheckMCAnswer(5,3,this)"> ? </button> ฟ</li></ol></li>
ขอบคุณทุกคำแนะนำนะคะ