用html编网页，怎样把播放器居中显示 html+css做网页时，如何让整张网页居中显示
\u600e\u4e48\u8ba9html\u91cc\u7684\u64ad\u653e\u5668\u5c45\u4e2d\u7b2c\u4e00\u4e2a\u7248\u672c\uff1a
<video width="640" height="480"
controls="controls" autoplay="autoplay">
\u7b2c\u4e8c\u4e2a\u7248\u672c\uff1a
<video width="640" height="480"
controls="controls" autoplay="autoplay" src="\u516c\u53f8\u5468\u8fb9.mp4">
\u3010\u4e0d\u77e5\u9053\u4f60\u90a3\u4e2a\u54ea\u513f\u6765\u7684\u3002\u3002\u3002\u548c\u7684\u4f4d\u7f6e\u4e92\u6362\u4e00\u4e0b\uff0c\u5176\u4ed6\u7684\u5c31\u662f\u64ad\u653e\u5668\u7684\u8bbe\u7f6e\u4e86\uff0c\u67e5\u67e5\u5c5e\u6027\u624b\u518c\u770b\u770bvideo\u6709\u6ca1\u6709\u76f4\u63a5\u6307\u5b9a\u64ad\u653e\u5730\u5740\u7684\u5c5e\u6027\uff0c\u6709\u7684\u8bdd\u5c31\u53bb\u6389source\u3011
1.\u9996\u5148\u6211\u4eec\u9700\u8981\u6253\u5f00\u7535\u8111\uff0c\u627e\u5230DW\u8f6f\u4ef6\u7684\u5feb\u6377\u952e\uff0c\u53cc\u51fb\u6253\u5f00\u4e4b\u540e\uff0c\u65b0\u5efa\u4e00\u4e2ahtml\u9875\u9762\u3002
2.\u7136\u540e\u6211\u4eec\u4f1a\u8fdb\u5165\u5230DW\u7684HTML\u9875\u9762\u7684\u7f16\u8f91\u9875\u9762\uff0c\u6211\u4eec\u9700\u8981\u5c06\u65b0\u5efa\u7684html\u9875\u9762\u8fdb\u884c\u4e00\u4e2a\u4fdd\u5b58\u3002
3.\u5c06\u7f51\u9875\u4fdd\u5b58\u597d\u4e4b\u540e\uff0c\u6211\u4eec\u9700\u8981\u91cd\u65b0\u56de\u5230DW\u7684\u7f16\u8f91\u9875\u9762\u3002
4.\u7136\u540e\u6211\u4eec\u9700\u8981\u5728body\u90e8\u5206\u65b0\u5efa\u4e00\u4e2adiv\u6807\u7b7e\uff0c\u5e76\u5728\u5176\u4e2d\u63d2\u5165\u4e00\u5f20img\u56fe\u7247\u3002\u5e76\u7ed9div\u6dfb\u52a0\u7b80\u5355\u7684css\u6837\u5f0f\u3002
5.\u7136\u540e\u6211\u4eec\u5728\u6d4f\u89c8\u5668\u4e2d\u67e5\u770b\u6548\u679c\uff0c\u53ef\u4ee5\u53d1\u73b0\u56fe\u7247\u662f\u9ed8\u8ba4\u5de6\u5bf9\u9f50\u7684\uff0c\u5e76\u6ca1\u6709\u5728div\u7684\u6b63\u4e2d\u592e\u663e\u793a\u3002
6.\u6b64\u65f6\u4e3a\u56fe\u7247\u6dfb\u52a0\u5c45\u4e2d\u5c5e\u6027\u4e5f\u662f\u6ca1\u6709\u7528\u7684\uff0c\u6211\u4eec\u9700\u8981\u5c06\u56fe\u7247\u5957\u5728\u4e00\u4e2ap\u6216\u8005span\u6807\u7b7e\u4e2d\uff0c\u7ed9\u6807\u7b7e\u6dfb\u52a0\u4e00\u4e2atext-align:center\u5c5e\u6027\u3002
7.\u8fd9\u6837\u4fee\u6539\u4e4b\u540e\uff0c\u6211\u4eec\u518d\u6b21\u56de\u5230\u6d4f\u89c8\u5668\u4e2d\u5237\u65b0\u9875\u9762\uff0c\u53ef\u4ee5\u770b\u5230\u56fe\u7247\u5df2\u7ecf\u662f\u5728div\u4e2d\u5c45\u4e2d\u663e\u793a\u4e86\u3002
\u4f7f\u7528CSS \u8bed\u6cd5\u8981\u8bbe\u5b9a\u4e00\u4e2adiv \u6c34\u5e73\u7f6e\u4e2d\uff0c\u662f\u5f88\u5e38\u89c1\u5230\u7684\u9700\u6c42\uff0c\u6700\u591a\u4eba\u4f7f\u7528margin: 0 auto; \u8fd9\u4e2a\u65b9\u6cd5\u5c31\u53ef\u4ee5\u8fbe\u6210\u3002\u4f46\u662f\uff0c\u5982\u679c\u8981\u8ba9\u4e00\u4e2adiv \u540c\u65f6\u95f4\u505a\u5230\u5728\u7f51\u9875\u4e0a\u6c34\u5e73\u7f6e\u4e2d\u8fd8\u8981\u5782\u76f4\u7f6e\u4e2d\uff0c\u4e5f\u5c31\u662fCSS \u4e0a\u4e0b\u5de6\u53f3\u7f6e\u4e2d\u8fd9\u5c31\u6709\u70b9\u9ebb\u70e6\u4e86\uff0c\u4e0d\u592a\u5bb9\u6613\u5594\uff01
\u5229\u7528table\u4e2d\u5185\u5bb9\u5728\u5355\u5143\u683c\u4e2d\u9ed8\u8ba4\u5782\u76f4\u5c45\u4e2d\u7684\u7279\u6027\u3002
2.\u5229\u7528css3\u4e2d\u7684transform\u5c5e\u6027
3.\u5229\u7528margin\u5c5e\u6027
4.\u5229\u7528\u5229\u7528position\u5c5e\u6027\u628aleft\uff0ctop\uff0cright\uff0cbottom\u56db\u4e2a\u7684\u503c\u8bbe\u4e3a0\uff0c\u518d\u7528margin:auto;
\u6700\u597d\u628a\u4f60\u7684\u4ee3\u7801\u6539\u5199\u4e86\u4e00\u4e0b\uff0c\u5e76\u5b9e\u73b0\u5c45\u4e2d\u6548\u679c
\u6548\u679c\u56fe
<div style="margin:0 auto; ">
播放器代码
</div>
播放器里面加个align=center
margin:auto;
绛旓細閫氳繃Jquery鎻掍欢瀹炵幇瑙嗛鐨鎾斁锛鏀寔鐨勬牸寮忚繕鎸哄鐨勶紒鏈夋殏鍋滃拰鎾斁鐨勫姛鑳斤紒浣嗘槸寮曠敤鐨勪袱涓猨s鏂囦欢闇瑕佷笅杞斤紒 <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../js/jquery.media.js"></script> <a href="../media/Ozzy...
绛旓細QNetworkRequest(QUrl::fromUserInput(strUrl)));QEventLoop eventLoop;connect(m_reply, SIGNAL(finished()), &eventLoop, SLOT(quit()));eventLoop.exec(); //block until finish m_strRet = QString(m_reply->readAll());strUrl杈撳叆浣犵殑缃戝潃锛宮_strRet灏辨槸浣犺鍒扮殑缃戦〉婧愮爜銆
绛旓細鏄紭閰峰湡璞嗘悳鐙愪箣绫荤殑鍚楋紵濡傛灉鏄 绗竴锛氬彲浠ョ洿鎺ュ鍒跺垎浜唬鐮佷腑鐨刪tml浠ｇ爜 绗簩锛氬彲浠ュ鍒跺垎浜腑鐨刦lash浠ｇ爜锛岀劧鍚庤嚜宸辨瀯閫犱竴娈礹tml浠ｇ爜锛屽啓鍏html锛鎺ㄨ崘鍜宻wfobject.js閰嶅悎浣跨敤 杩欐牱浣犵湅涓嬶紝濡傛灉鏈夐棶棰樼淇℃垜涔熷彲浠ュ府浣犵湅涓嬨
绛旓細濡備綍璇诲彇flash閲岀殑娴佸獟浣撳湴鍧锛熷彧瑕佹槸鍦ㄧ綉椤典笂鎾斁锛岄兘鍙敤F12鏌ョ湅鍒板搴旇棰戞挱鏀句綅缃殑婧愮爜锛岀劧鍚庝綘灏辫兘鐪嬪埌鍦板潃閾炬帴 鎬庝箞鏌ョ湅缃戦〉婧愪唬鐮佷笅瑙嗛锛熺湅鏄粈涔堣棰戜簡锛屽鏋滄槸flash(鍒殑鏍煎紡鐨勪篃琛岋紝鍙笉杩囧埆鐨勬牸寮忕殑鍙互浣跨敤鏇寸畝鍗曠殑鏂规硶锛屽彸閿偣缃戦〉鎾斁鍣鐨勪笅杈规爮锛岄夊睘鎬э紝閲岄潰鏈夌湡瀹炲湴鍧锛夌殑閭ｅ氨鐢ㄩ〉闈...
绛旓細銆愪笉鐭ラ亾浣犻偅涓</object>鍝効鏉ョ殑銆傘傘</p>鍜</video>鐨勪綅缃簰鎹竴涓嬶紝鍏朵粬鐨勫氨鏄鎾斁鍣鐨勮缃簡锛屾煡鏌ュ睘鎬ф墜鍐岀湅鐪媣ideo鏈夋病鏈夌洿鎺ユ寚瀹氭挱鏀惧湴鍧鐨勫睘鎬э紝鏈夌殑璇濆氨鍘绘帀source銆1.棣栧厛鎴戜滑闇瑕佹墦寮鐢佃剳锛屾壘鍒癉W杞欢鐨勫揩鎹烽敭锛屽弻鍑绘墦寮涔嬪悗锛屾柊寤轰竴涓html椤甸潰銆2.鐒跺悗鎴戜滑浼氳繘鍏ュ埌DW鐨HTML椤甸潰鐨勭紪杈戦〉闈...
绛旓細浣犳槸闇瑕佸湪浣犵殑缃戦〉鎻掑叆涓涓棰鎾斁鍣鍚楋紵鍙戜釜鎻掍欢浠ｇ爜缁欎綘銆備笉鐭ラ亾鏈夋病鏈夌敤锛乮ndex.html閭ｄ釜椤甸潰閲岄潰锛佸鏋滀綘鐨勮棰戞槸缃戠粶璧勬簮锛岀洿鎺ユ敼鍙樿棰戠殑鍦板潃灏卞彲浠ヤ簡銆傝寰楄鍔犺浇瑙嗛鎾斁鍣╬layer.swf銆傘傘傚笇鏈涘彲浠ュ府鍒颁綘銆
绛旓細鍦缃戦〉涓紝杩愮敤`height`灞炴у彲浠ヤ负video鏍囩璁剧疆楂樺害銆俙height`灞炴ф槸HTML涓鐢ㄤ簬瀹氫箟鍏冪礌楂樺害鐨勪竴涓噸瑕佸睘鎬с傚湪video鏍囩涓娇鐢ㄦ椂锛屽畠鍏佽鎴戜滑鏄庣‘鎸囧畾瑙嗛鎾斁鍣鐨勯珮搴︼紝浠庤岀‘淇濊棰戝湪缃戦〉涓婁互棰勬湡鐨勫昂瀵稿憟鐜般傝繖瀵逛簬椤甸潰甯冨眬鍜岃棰戝睍绀虹殑瑙嗚鏁堟灉鑷冲叧閲嶈銆備緥濡傦紝濡傛灉鎴戜滑甯屾湜瑙嗛鎾斁鍣ㄧ殑楂樺害涓400鍍忕礌锛...
绛旓細<video src="xu.mp4" controls="controls" width="600px"></video><br/><br/><br/><audio src="2.mp3" controls="controls" width="600px"></audio><br/> 鏈濂界敤IE10锛孖E11锛屾垨鑰 chrome锛 firefox鐨勬渶鏂扮増鏈祴璇html-5缃戦〉銆備笉鍚屾祻瑙堝櫒鍐呭缓鐨鎾斁鍣鏍峰紡涓嶅お涓鏍凤紝鎴戣繖涓浘鐗囨槸firefox...
绛旓細2銆佹墦寮HTML鏂囦欢锛屾柊寤轰竴涓┖鐨凥TML5鏂囨。缁撴瀯锛岋紝娉ㄦ剰缂栫爜涓瀹氳缃负UTF-8銆3銆佹帴涓嬫潵鍦╞ody鏍囩涓彃鍏udio鍏冪礌锛宎udio鍏冪礌閲岄潰閫氳繃source寮曞叆闊抽鏂囦欢锛岋紝娉ㄦ剰鏂囦欢鐨勭被鍨嬭鍐欏銆4銆佽繍琛缂栧啓濂界殑椤甸潰绋嬪簭锛屼綘浼氬湪缃戦〉涓湅鍒扮殑闊抽鎾斁鍣紝鎴戜滑鐐瑰嚮鎾斁鎸夐挳灏变細鑷姩鎾斁闊抽銆5銆佸綋鐒舵湁寰堝鐨勮佺増鏈殑娴忚...
绛旓細2锛変綘鍙互鎶婅棰戠殑璺緞鍦╬age_load浜嬩欢涓祴缁欏搴旂殑label鎺т欢锛岃嚦浜庢庝箞璧嬶紝浣犵湅鐫鍔炪3锛塇yperLink鎺т欢瑕佽窡Label鎺т欢鍐欏湪鍚屼竴涓<div>鏍囩褰撲腑锛屼笉鐒秊s浼氭壘涓嶅埌杩欎釜瑙嗛鐨勫湴鍧锛屽綋鐒讹紝瑕佹槸浼氭敼杩欐jquery浠ｇ爜锛屼綘鍠滄鍐欏摢閮借銆4锛夊崟鍑荤敤鐨凥yperLink锛屽瓨鏀捐棰戝湴鍧鐨凩abel锛岃繕鏈夋渶鍚庢樉绀鸿棰戠殑鎾斁鍣绛夐兘...
