ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

Video width Property

<object วิดีโอ

ตัวอย่าง

เปลี่ยนความกว้างของผู้เล่นวิดีโอ:

document.getElementById("myVideo").width = "500";
ลองตัวเอง»

ความหมายและการใช้งาน

ชุดคุณสมบัติกว้างหรือผลตอบแทนที่คุ้มค่าของ width แอตทริบิวต์ของวิดีโอ

width แอตทริบิวต์ระบุความกว้างของเครื่องเล่นวิดีโอพิกเซล

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

หมายเหตุ: อย่า rescale วิดีโอที่มีความสูงและความกว้างของคุณลักษณะ! การลดขนาดวิดีโอขนาดใหญ่ที่มีคุณลักษณะสูงและความกว้างกองกำลังผู้ใช้ดาวน์โหลดวิดีโอต้นฉบับ (even if it looks small on the page) วิธีที่ถูกต้อง rescale วิดีโออยู่กับโปรแกรมก่อนที่จะใช้บนหน้าเว็บ


สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

สถานที่ให้บริการความกว้างได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด

หมายเหตุ: Internet Explorer 8 และรุ่นก่อนหน้านี้ไม่สนับสนุน <video> องค์ประกอบ


วากยสัมพันธ์

กลับคุณสมบัติความกว้าง:

videoObject .width

ตั้งค่าคุณสมบัติความกว้าง:

videoObject .width= pixels

ค่าทรัพย์สิน

ความคุ้มค่า ลักษณะ
pixels ระบุความกว้างของเครื่องเล่นวิดีโอพิกเซล (ie width="100")

รายละเอียดทางเทคนิค

กลับค่า: หมายเลขที่เป็นตัวแทนของความกว้างของวิดีโอพิกเซล

ตัวอย่างอื่น ๆ

ตัวอย่าง

ได้รับความกว้างของวิดีโอ:

var x = document.getElementById("myVideo").width;

ผลของ x จะเป็น:

320
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

HTML อ้างอิง: HTML <video> แอตทริบิวต์กว้าง


<object วิดีโอ