{"id":7331,"date":"2019-04-12T18:02:43","date_gmt":"2019-04-12T10:02:43","guid":{"rendered":"https:\/\/sdeno.com\/?p=7331"},"modified":"2020-02-24T18:49:25","modified_gmt":"2020-02-24T10:49:25","slug":"html5-video%e4%ba%8b%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=7331","title":{"rendered":"html5 video\u4e8b\u4ef6"},"content":{"rendered":"<p>\u4e8b\u4ef6:<\/p>\n<p>play<br \/>\npause<br \/>\nprogress<br \/>\nerror<\/p>\n<pre> $(xx).on('play',function(){\r\n      \/\/\u64ad\u653e\u65f6\u56de\u8c03\r\n })\r\n\r\n\r\n $(xx)[0].play()  \/\/js\u89e6\u53d1\u64ad\u653e\r\n\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>waiting \/\/\u89c6\u9891\u7f13\u5b58\u4e2d<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLMediaElement\/waiting_event\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLMediaElement\/waiting_event<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>playing \/\/\u89c6\u9891\u6b63\u5728\u64ad\u653e<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLMediaElement\/playing_event\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLMediaElement\/playing_event<\/a><\/p>\n<pre>const video = document.querySelector('video');\r\n\r\nvideo.addEventListener('waiting', (event) =&gt; {\r\n   console.log('Video is waiting for more data.');\r\n});<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre>audioTracks \u8fd4\u56de\u8868\u793a\u53ef\u7528\u97f3\u9891\u8f68\u9053\u7684 AudioTrackList \u5bf9\u8c61\u3002\r\nautoplay \u8bbe\u7f6e\u6216\u8fd4\u56de\u662f\u5426\u5728\u5c31\u7eea\uff08\u52a0\u8f7d\u5b8c\u6210\uff09\u540e\u968f\u5373\u64ad\u653e\u89c6\u9891\u3002\r\nbuffered \u8fd4\u56de\u8868\u793a\u89c6\u9891\u5df2\u7f13\u51b2\u90e8\u5206\u7684 TimeRanges \u5bf9\u8c61\u3002\r\ncontroller \u8fd4\u56de\u8868\u793a\u89c6\u9891\u5f53\u524d\u5a92\u4f53\u63a7\u5236\u5668\u7684 MediaController \u5bf9\u8c61\u3002\r\ncontrols \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u662f\u5426\u5e94\u8be5\u663e\u793a\u63a7\u4ef6\uff08\u6bd4\u5982\u64ad\u653e\/\u6682\u505c\u7b49\uff09\u3002\r\ncrossOrigin \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684 CORS \u8bbe\u7f6e\u3002\r\ncurrentSrc \u8fd4\u56de\u5f53\u524d\u89c6\u9891\u7684 URL\u3002\r\ncurrentTime \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u4e2d\u7684\u5f53\u524d\u64ad\u653e\u4f4d\u7f6e\uff08\u4ee5\u79d2\u8ba1\uff09\u3002\r\ndefaultMuted \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u9ed8\u8ba4\u662f\u5426\u9759\u97f3\u3002\r\ndefaultPlaybackRate \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684\u9ed8\u8ba4\u64ad\u653e\u901f\u5ea6\u3002\r\nduration \u8fd4\u56de\u89c6\u9891\u7684\u957f\u5ea6\uff08\u4ee5\u79d2\u8ba1\uff09\u3002\r\nended \u8fd4\u56de\u89c6\u9891\u7684\u64ad\u653e\u662f\u5426\u5df2\u7ed3\u675f\u3002\r\nerror \u8fd4\u56de\u8868\u793a\u89c6\u9891\u9519\u8bef\u72b6\u6001\u7684 MediaError \u5bf9\u8c61\u3002\r\nheight \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684 height \u5c5e\u6027\u7684\u503c\u3002\r\nloop \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u662f\u5426\u5e94\u5728\u7ed3\u675f\u65f6\u518d\u6b21\u64ad\u653e\u3002\r\nmediaGroup \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u6240\u5c5e\u5a92\u4ecb\u7ec4\u5408\u7684\u540d\u79f0\u3002\r\nmuted \u8bbe\u7f6e\u6216\u8fd4\u56de\u662f\u5426\u5173\u95ed\u58f0\u97f3\u3002\r\nnetworkState \u8fd4\u56de\u89c6\u9891\u7684\u5f53\u524d\u7f51\u7edc\u72b6\u6001\u3002\r\npaused \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u662f\u5426\u6682\u505c\u3002\r\nplaybackRate \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u64ad\u653e\u7684\u901f\u5ea6\u3002\r\nplayed \u8fd4\u56de\u8868\u793a\u89c6\u9891\u5df2\u64ad\u653e\u90e8\u5206\u7684 TimeRanges \u5bf9\u8c61\u3002\r\nposter \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684 poster \u5c5e\u6027\u7684\u503c\u3002\r\npreload \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684 preload \u5c5e\u6027\u7684\u503c\u3002\r\nreadyState \u8fd4\u56de\u89c6\u9891\u5f53\u524d\u7684\u5c31\u7eea\u72b6\u6001\u3002\r\nseekable \u8fd4\u56de\u8868\u793a\u89c6\u9891\u53ef\u5bfb\u5740\u90e8\u5206\u7684 TimeRanges \u5bf9\u8c61\u3002\r\nseeking \u8fd4\u56de\u7528\u6237\u5f53\u524d\u662f\u5426\u6b63\u5728\u89c6\u9891\u4e2d\u8fdb\u884c\u67e5\u627e\u3002\r\nsrc \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684 src \u5c5e\u6027\u7684\u503c\u3002\r\nstartDate \u8fd4\u56de\u8868\u793a\u5f53\u524d\u65f6\u95f4\u504f\u79fb\u7684 Date \u5bf9\u8c61\u3002\r\ntextTracks \u8fd4\u56de\u8868\u793a\u53ef\u7528\u6587\u672c\u8f68\u9053\u7684 TextTrackList \u5bf9\u8c61\u3002\r\nvideoTracks \u8fd4\u56de\u8868\u793a\u53ef\u7528\u89c6\u9891\u8f68\u9053\u7684 VideoTrackList \u5bf9\u8c61\u3002\r\nvolume \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684\u97f3\u91cf\u3002\r\nwidth \u8bbe\u7f6e\u6216\u8fd4\u56de\u89c6\u9891\u7684 width \u5c5e\u6027\u7684\u503c\u3002<\/pre>\n<p><a href=\"http:\/\/www.w3school.com.cn\/jsref\/dom_obj_video.asp\" target=\"_blank\" rel=\"noopener\">http:\/\/www.w3school.com.cn\/jsref\/dom_obj_video.asp<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e8b\u4ef6: play pause progress error $(xx).on(&#8216;play&#8217;,function( [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7331","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/7331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7331"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/7331\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}