HTML 5 Video + DOM
HTML5 <video> - ʹÓà DOM ½øÐпØÖÆ
HTML5 <video> ÔªËØÍ¬ÑùÓµÓз½·¨¡¢ÊôÐÔºÍʼþ¡£
ÆäÖеķ½·¨ÓÃÓÚ²¥·Å¡¢ÔÝÍ£ÒÔ¼°¼ÓÔØµÈ¡£ÆäÖеÄÊôÐÔ£¨±ÈÈçʱ³¤¡¢ÒôÁ¿µÈ£©¿ÉÒÔ±»¶ÁÈ¡»òÉèÖá£ÆäÖÐµÄ DOM ʼþÄܹ»Í¨ÖªÄú£¬±È·½Ëµ£¬<video> ÔªËØ¿ªÊ¼²¥·Å¡¢ÒÑÔÝÍ££¬ÒÑÍ£Ö¹£¬µÈµÈ¡£
ÏÂÀýÖмòµ¥µÄ·½·¨£¬ÏòÎÒÃÇÑÝʾÁËÈçºÎʹÓà <video> ÔªËØ£¬¶ÁÈ¡²¢ÉèÖÃÊôÐÔ£¬ÒÔ¼°ÈçºÎµ÷Ó÷½·¨¡£
ʵÀý
ΪÊÓÆµ´´½¨¼òµ¥µÄ²¥·Å/ÔÝÍ£ÒÔ¼°µ÷Õû³ß´ç¿Ø¼þ£º
ÉÏÃæµÄÀý×Óµ÷ÓÃÁËÁ½¸ö·½·¨£ºplay() ºÍ pause()¡£ËüͬʱʹÓÃÁËÁ½¸öÊôÐÔ£ºpaused ºÍ width¡£
HTML5 <video> - ·½·¨¡¢ÊôÐÔÒÔ¼°Ê¼þ
ÏÂÃæÁгöÁË´ó¶àÊýä¯ÀÀÆ÷Ö§³ÖµÄÊÓÆµ·½·¨¡¢ÊôÐÔºÍʼþ£º
·½·¨ | ÊôÐÔ | ʼþ |
---|---|---|
play() | currentSrc | play |
pause() | currentTime | pause |
load() | videoWidth | progress |
canPlayType | videoHeight | error |
duration | timeupdate | |
ended | ended | |
error | abort | |
paused | empty | |
muted | emptied | |
seeking | waiting | |
volume | loadedmetadata | |
height | ||
width |
×¢ÊÍ£ºÔÚËùÓÐÊôÐÔÖУ¬Ö»ÓÐ videoWidth ºÍ videoHeight ÊôÐÔÊÇÁ¢¼´¿ÉÓõġ£ÔÚÊÓÆµµÄÔªÊý¾ÝÒѼÓÔØºó£¬ÆäËûÊôÐԲſÉÓá£