html中视频如何自动播放并且不显示按钮？ HTML写了一段视频播放代码<video>，但是显示不出来播...
html5\u5982\u4f55\u5b9e\u73b0\u81ea\u52a8\u64ad\u653e\u89c6\u9891\u6211\u4eec\u4f7f\u7528html5\u7684video\u6807\u7b7e\uff0c\u53ef\u4ee5\u4e0d\u4f9d\u8d56\u4e8e\u4efb\u4f55\u7b2c\u4e09\u65b9\u7684\u63d2\u4ef6\u6216\u63a7\u4ef6\uff0c\u76f4\u63a5\u5728\u6d4f\u89c8\u5668\u4e2d\u5b9e\u73b0\u89c6\u9891\u64ad\u653e\u529f\u80fd\u3002
\u5728\u4e86\u89e3\u4e86video\u6807\u7b7e\u4e4b\u540e\uff0c\u4e0b\u9762\u6211\u4eec\u5c31\u4f7f\u7528html5\u7684video\u6807\u7b7e\u6765\u5b9e\u73b0\u89c6\u9891\u64ad\u653e\u3002
\u73b0\u5728\uff0c\u6211\u4eec\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u770b\u4e00\u770b\u5177\u4f53\u7684\u6548\u679c\uff1a
\u4e3a\u4e86\u66f4\u597d\u5730\u517c\u5bb9\u5404\u79cd\u6d4f\u89c8\u5668\uff0c\u4f60\u53ef\u4ee5\u4e3a\u4e00\u4e2avideo\u6807\u7b7e\u6dfb\u52a0\u591a\u4e2asource\u5b50\u6807\u7b7e\uff0c\u6bcf\u4e2asource\u6807\u7b7e\u5f15\u7528\u4e00\u4e2a\u4e0d\u540c\u683c\u5f0f\u7684\u89c6\u9891\u6587\u4ef6\u3002\u8fd9\u6837\uff0chtml5\u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u5728\u8fd9\u4e9bsource\u6807\u7b7e\u4e2d\u4ece\u4e0a\u5230\u4e0b\u4f9d\u6b21\u5bfb\u627e\u5e76\u8bc6\u522b\u51fa\u8be5\u6d4f\u89c8\u5668\u53ef\u4ee5\u64ad\u653e\u7684\u7b2c\u4e00\u4e2a\u89c6\u9891\u6587\u4ef6\u5e76\u8fdb\u884c\u64ad\u653e\uff0c\u4ece\u800c\u5b9e\u73b0\u517c\u5bb9\u591a\u4e2a\u6d4f\u89c8\u5668\u7684\u89c6\u9891\u64ad\u653e\u529f\u80fd\u3002
\u6ce8\uff1ahtml5\u7684video\u6807\u7b7e\u76ee\u524d\u53ea\u652f\u6301\u64ad\u653e.mp4\u3001.ogg\u3001.webm\u7b49\u51e0\u79cd\u683c\u5f0f\u7684\u89c6\u9891\u6587\u4ef6\uff0c\u6682\u4e0d\u652f\u6301\u5176\u4ed6\u683c\u5f0f\u7684\u89c6\u9891\u6587\u4ef6\u3002\u6b64\u5916\uff0c\u4e0d\u540c\u7684html5\u6d4f\u89c8\u5668\u652f\u6301\u7684\u89c6\u9891\u6587\u4ef6\u683c\u5f0f\u4e5f\u7565\u6709\u4e0d\u540c\uff0c\u8fd9\u79cd\u72b6\u51b5\u53ef\u80fd\u4f1a\u5728\u672a\u6765\u7684html5\u4e2d\u5f97\u4ee5\u6539\u5584\u3002
\u4f60\u672c\u673a\u9700\u8981\u4e00\u4e2aweb\u670d\u52a1\u5668\uff0c\u6bd4\u5982iis\uff0c\u7136\u540e\u628a\u8fd9\u6bb5\u4ee3\u7801\u653e\u8fdb\u53bb\uff0csrc\u4e5f\u6539\u4e3a\u6bd4\u5982images/video.mp4
autoplay：自动播放属性
controls：向用户展示播放相关控件
你要的效果例子：
<video autoplay="autoplay" <!-- controls="controls"-->></video>
注释掉的是控件属性，去掉注释这个视频就带上默认控件属性，注释掉或者不加该属性就不会有相关控件
<video autoplay></video>
绛旓細autoplay autoplay 濡傛灉鍑虹幇璇ュ睘鎬э紝鍒欒棰戝湪灏辩华鍚庨┈涓婃挱鏀銆俢ontrols controls 濡傛灉鍑虹幇璇ュ睘鎬э紝鍒欏悜鐢ㄦ埛鏄剧ず鎺т欢锛屾瘮濡傛挱鏀炬寜閽俬eight pixels 璁剧疆瑙嗛鎾斁鍣ㄧ殑楂樺害銆俵oop loop 濡傛灉鍑虹幇璇ュ睘鎬э紝鍒欏綋濯掍粙鏂囦欢瀹屾垚鎾斁鍚庡啀娆″紑濮嬫挱鏀俱俻reload preload 濡傛灉鍑虹幇璇ュ睘鎬э紝鍒欒棰戝湪椤甸潰鍔犺浇鏃...
绛旓細HTML5涓殑video鍜宎udio鏍囩涓湁涓涓猘utoplay灞炴э紝娣诲姞杩欎釜灞炴у悗灏变細鍦ㄦ枃浠跺姞杞藉畬鎴愪互鍚庤嚜鍔ㄦ挱鏀銆傚叿浣撲唬鐮佸涓嬶細video锛<video autoplay="autoplay"> <source src="瑙嗛璺緞" /></video>audio锛<audio autoplay="autoplay"> <source src="瑙嗛璺緞" /></audio>闄ゆ灞炴у杩樻湁濡備笅灞炴э細controls锛...
绛旓細autoplay锛氳嚜鍔ㄦ挱鏀惧睘鎬 controls锛氬悜鐢ㄦ埛灞曠ず鎾斁鐩稿叧鎺т欢 浣犺鐨勬晥鏋滀緥瀛锛<video autoplay="autoplay" <!-- controls="controls"-->></video> 娉ㄩ噴鎺夌殑鏄帶浠跺睘鎬э紝鍘绘帀娉ㄩ噴杩欎釜瑙嗛灏卞甫涓婇粯璁ゆ帶浠跺睘鎬э紝娉ㄩ噴鎺夋垨鑰呬笉鍔犺灞炴у氨涓嶄細鏈夌浉鍏虫帶浠 ...
绛旓細</video>鏁堟灉鍥撅細瀹炰緥绀鸿寖2锛氬湪椤甸潰涓彃鍏ュ彲浠ヨ嚜鍔ㄦ挱鏀剧殑瑙嗛璇硶锛<video autoplay="autoplay">椤甸潰涓彃鍏ュ彲浠ヨ嚜鍔ㄦ挱鏀剧殑瑙嗛锛屽彧闇瑕佸姞涓涓睘鎬э紝鍗矵TML 涓<video> 鏍囩鐨刟utoplay 灞炴э紝灏嗗叾娣诲姞鍒版爣绛句腑锛屽氨鍙互瀹炵幇瑙嗛鐨勮嚜鍔ㄦ挱鏀炬晥鏋滐紝骞朵笖鎵鏈変富娴佹祻瑙堝櫒閮芥敮鎸 autoplay 灞炴с傚叿浣撲唬鐮佸涓嬶細<video ...
绛旓細HTML5涓殑video鍜宎udio鏍囩涓湁涓涓猘utoplay灞炴,娣诲姞杩欎釜灞炴у悗灏变細鍦ㄦ枃浠跺姞杞藉畬鎴愪互鍚庤嚜鍔ㄦ挱鏀銆傚叿浣撲唬鐮佸涓: video: audio銆傛瀯鎴 鏂囧瓧涓庡浘鐗囨槸鏋勬垚涓涓綉椤电殑涓や釜鏈鍩烘湰鐨勩傚厓绱犮備綘鍙互绠鍗曞湴鐞嗚В涓猴細鏂囧瓧锛屽氨鏄綉椤电殑鍐呭銆傚浘鐗囷紝灏辨槸缃戦〉鐨勭編瑙傘傞櫎姝や箣澶栵紝缃戦〉鐨勫厓绱犺繕鍖呮嫭鍔ㄧ敾銆侀煶涔愩佺▼搴忕瓑绛夈...
绛旓細4.鐐瑰嚮涓変釜灏忕偣鐐圭殑璁剧疆鍥炬爣涔嬪悗锛屼細鍑虹幇鍔熻兘绐楀彛锛岄珮绾у脊骞曪紝HTML5鎾斁鍣紝Flash鎾斁鍣ㄧ殑閫夐」锛岄夋嫨HTML5鎾斁鍣ㄥ氨鍙互鍒囨崲涓篐TML5鎾斁鍣ㄩ〉闈html鎬庝箞璁剧疆瑙嗛鑷姩鎾斁锛熸垜浠柊寤轰竴涓猦tml5缃戦〉鏂囦欢锛屾妸浠栧懡鍚嶄负test.html锛屾帴涓嬫潵鎴戜滑鐢╰est.html鏂囦欢鏉ヨ瑙tml5濡備綍鍦ㄧ綉椤典腑鏄剧ず瑙嗛,骞朵笖鑷姩鎾斁銆傚湪test...
绛旓細1銆佹墦寮Hbuilder锛屽湪椤圭洰绠＄悊鍣ㄤ腑鏀剧疆mp4鏍煎紡瑙嗛鐐瑰嚮index.html杩涘叆銆2銆佸湪杩欓噷閫氳繃绾㈣壊鏂规涓殑鍛戒护鏉ュ缓绔嬩竴涓狧TML5鐨勬枃浠躲3銆佽繖涓椂鍊欐坊鍔爒ideo鍏冪礌灏卞彲浠ユ彃鍏ヨ棰戜簡锛鐢╝utoplay璁剧疆鑷姩鎾斁锛宑ontrols璁剧疆鎺у埗鏍忋4銆佺敤source鍙互杩炴帴瀵瑰簲鐨勮棰戣祫婧愶紱5銆佸畬鎴愪互鍚庡乏杈圭殑鏄挱鏀炬寜閽佽棰戣繘搴︽帶鍒舵潯绛夊伐鍏...
绛旓細涓轰簡鏇村ソ鍦板吋瀹瑰悇绉嶆祻瑙堝櫒锛屼綘鍙互涓轰竴涓獀ideo鏍囩娣诲姞澶氫釜source瀛愭爣绛撅紝姣忎釜source鏍囩寮曠敤涓涓笉鍚屾牸寮忕殑瑙嗛鏂囦欢銆傝繖鏍凤紝html5娴忚鍣ㄤ細鑷姩鍦ㄨ繖浜泂ource鏍囩涓粠涓婂埌涓嬩緷娆″鎵惧苟璇嗗埆鍑鸿娴忚鍣ㄥ彲浠ユ挱鏀剧殑绗竴涓棰戞枃浠跺苟杩涜鎾斁锛屼粠鑰屽疄鐜板吋瀹瑰涓祻瑙堝櫒鐨勮棰戞挱鏀鍔熻兘銆傛敞锛歨tml5鐨剉ideo鏍囩鐩墠鍙敮鎸...
绛旓細鍔犲叆AUTOSTART=TRUE 渚:<embed src="http://www.tudou.com/v/C1ocHjP5WqM" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="200" height="30"AUTOSTART=TRUE></embed>
绛旓細鎵撳紑缂栬緫鍣紝鏂板缓涓涓狪NDEX.HTML鏂囨。銆傞鍏堝垱寤轰竴涓狧TML鏂囨。銆傚湪涓讳綋閲岄潰澧炲姞锛歍HISISAVIDEO浣嗘槸杩欓噷娌℃湁鏄剧ず銆俆HISISAVIDEO澧炲姞controls閭ｄ箞灏卞彲浠ユ湁鎾斁鍔熻兘浜嗐倃idth="1820"閭ｄ箞鎴戜滑灏卞彲浠ユ妸瑙嗛鐨勬鏋惰缃俻oster="timg.jpeg"澧炲姞杩欎釜浠ュ悗杩樻病鎾斁浼氭樉绀鸿繖寮犲浘鐗囥autoplay灏辨槸鑷姩鎾斁锛宭oop鏄惊鐜挱鏀俱...
