แท็ก ใช้เพื่อเพิ่มวิดีโอ โดยมีรูปแบบวิดีโอต่อไปนี้ - MP4, WebM และ Ogg ในการเลือกไฟล์ผ่านองค์ประกอบอินพุต กิจกรรมการเปลี่ยนแปลงเริ่มต้นขึ้น เหตุการณ์เริ่มต้นขึ้นสำหรับองค์ประกอบ , และ เมื่อผู้ใช้ทำการเปลี่ยนแปลงค่าขององค์ประกอบ</P> <h2>การรับออบเจ็กต์ไฟล์</h2> <p> อินเทอร์เฟซไฟล์ให้ข้อมูลเกี่ยวกับไฟล์และอนุญาตให้ JavaScript ในหน้าเว็บเข้าถึงเนื้อหาได้ ออบเจ็กต์ประเภทนี้ส่งคืนโดยคุณสมบัติไฟล์ขององค์ประกอบ HTML <input> ซึ่งในที่สุดคุณจะสามารถเข้าถึงรายการไฟล์ที่เลือกด้วยองค์ประกอบ <input type="file"></P> <h2>URL ของออบเจ็กต์ที่ชี้ไปที่ออบเจ็กต์ไฟล์</h2> <p> ใช้ URL.createObjectURL() วิธีการคงที่เพื่อสร้าง DOMString ที่มี URL ที่แสดงถึงวัตถุที่ให้ไว้ในพารามิเตอร์</P> <h2>ตั้งค่า URL ออบเจ็กต์เป็นคุณสมบัติ video.src</h2> <p> สุดท้าย นี่คือสิ่งที่มองเห็นได้ของวิดีโอ ใช้แอตทริบิวต์ src เพื่อเพิ่มตำแหน่ง (URL) ของไฟล์วิดีโอ</P> <br> </article> <div class="ad ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/ec452w/1004056159.html' >วิธีการสตรีมไฟล์ .mp4 ขนาดใหญ่ใน HTML5 </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/ec452w/1004056161.html' >จะใช้การลดรอยหยักในผ้าใบ HTML5 drawImage () ได้อย่างไร </a> </div> </section> <section class="box1-3"> <ol class="f-between"> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/ec041w/ge414y/1004001989.html" class="title"> <p class="r-over r-over-2" title="วิธีบีบอัดไฟล์วิดีโอด้วย Virtualdub"> วิธีบีบอัดไฟล์วิดีโอด้วย Virtualdub </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/jh457b/1004060747.html" class="title"> <p class="r-over r-over-2" title="จะเล่นไฟล์เสียงและวิดีโอใน iOS ได้อย่างไร? "> จะเล่นไฟล์เสียงและวิดีโอใน iOS ได้อย่างไร? </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/ge046y/pn443i/1004127394.html" class="title"> <p class="r-over r-over-2" title="[แก้ไข] Powerpoint จะไม่เล่นเสียงหรือวิดีโอบน Windows 10 "> [แก้ไข] Powerpoint จะไม่เล่นเสียงหรือวิดีโอบน Windows 10 </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/ge046y/pn443i/1004131516.html" class="title"> <p class="r-over r-over-2" title="วิธีการเล่นวิดีโอด้วย VLC โดยใช้พรอมต์คำสั่ง"> วิธีการเล่นวิดีโอด้วย VLC โดยใช้พรอมต์คำสั่ง </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong> Javascript </strong> <ol> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004054573.html" title="วิธีฝังวิดีโอ MP4 ใน HTML5 ด้วยการควบคุม "> <p class="r-over r-over-2">วิธีฝังวิดีโอ MP4 ใน HTML5 ด้วยการควบคุม </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004056178.html" title="เล่นวิดีโอวนซ้ำแบบไม่สิ้นสุดเมื่อโหลดใน HTML5 "> <p class="r-over r-over-2">เล่นวิดีโอวนซ้ำแบบไม่สิ้นสุดเมื่อโหลดใน HTML5 </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004056181.html" title="HTML5 อนุญาตให้คุณโต้ตอบกับไฟล์ไคลเอนต์ในเครื่องจากภายในเบราว์เซอร์หรือไม่? "> <p class="r-over r-over-2">HTML5 อนุญาตให้คุณโต้ตอบกับไฟล์ไคลเอนต์ในเครื่องจากภายในเบราว์เซอร์หรือไม่? </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004056193.html" title="อัปโหลดจากไดรฟ์ในเครื่องไปยังระบบไฟล์ในเครื่องใน HTML ด้วย Filesystem API "> <p class="r-over r-over-2">อัปโหลดจากไดรฟ์ในเครื่องไปยังระบบไฟล์ในเครื่องใน HTML ด้วย Filesystem API </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004056283.html" title="วิดีโอ HTML5 ไม่ทำงานกับปลั๊กอิน jquery bxSlider บน iPad "> <p class="r-over r-over-2">วิดีโอ HTML5 ไม่ทำงานกับปลั๊กอิน jquery bxSlider บน iPad </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056457.html" class="i-text"><p class="r-over r-over-3">วางไฟล์ JavaScript ด้วย HTML5 </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056504.html" class="i-text"><p class="r-over r-over-3">การทำงานกับแท็ก <polygon> ใน HTML5 </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056516.html" class="i-text"><p class="r-over r-over-3">แอตทริบิวต์การโหลด HTML5 ล่วงหน้า </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056531.html" class="i-text"><p class="r-over r-over-3">ระบุไฟล์โดยไม่ซ้ำกันก่อนที่จะอัปโหลดด้วยไฟล์ HTML5 API </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064220.html" class="i-text"><p class="r-over r-over-3">สตรีมไฟล์วิดีโอไปยังเครื่องเล่นวิดีโอ HTML5 ด้วย Node.js เพื่อให้การควบคุมวิดีโอทำงานต่อไป </p></a> </li> </ul> <ul class="types f-between"> <li><a class='childclass' href='https://th.wsxdn.com/db044w/hf444z/' target="_self">การเขียนโปรแกรม C</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/bz445u/' target="_self">C++</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/tr446l/' target="_self">Redis</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp447j/' target="_self">การเขียนโปรแกรม BASH</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/wu448o/' target="_self">Python</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/nl449f/' target="_self">Java</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ig450a/' target="_self">ฐานข้อมูล</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/zx451s/' target="_self">HTML</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ec452w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/db453v/' target="_self">การเขียนโปรแกรม</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/if454a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ge455y/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/xv456p/' target="_self">SQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh457b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/om458g/' target="_self">Android</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/mk459f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp460j/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/qn461i/' target="_self">C#</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh465b/' target="_self">PHP</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/kh471c/' target="_self">SQL Server</a></li> </ul> </aside> </section> <footer> <section class="msg f-center container"> <span class="f-start"> ลิขสิทธิ์ © <a href="https://th.wsxdn.com">https://th.wsxdn.com</a> สงวนลิขสิทธิ์ </span> </section> </footer> </body> </html>