కోర్సు పట్టిక

హెచ్టిఎంఎల్ బేసిక్ ట్యూటరియల్

HTML XHTML

HTML 表单

HTML 图形

HTML 媒体

HTML5

HTML API

实例/测验/总结

హెచ్టిఎంఎల్ పరిశీలన హాండ్బుక్

选修课

课程推荐：

CodeW3C.com పోస్ట్ మానీ

HTML YouTube 视频

ముందస్తు పేజీ HTML 视频
తదుపరి పేజీ HTML5 简介

在 HTML 中包含视频的最简单的方法是，使用 YouTube。

纠结视频格式？

将视频转换为不同的格式可能既困难又耗时。

一个更简单的解决方案是让 YouTube 在您的网页中播放视频。

YouTube Video Id

保存（或播放）视频时，YouTube 会显示一个 id（例如 ih1l6wb7LhU）。

您可以使用这个 id，并在 HTML 代码中引用您的视频。

在 HTML 中保费 YouTube 视频

如需在网页上播放视频，请执行以下操作：

将视频上传到 YouTube
记下视频 id
在您的网页中定义 </code> 元素</li> <li>让 <code>ప్రతీయంతరం మెటా పేజీని నిర్వహించడానికి వీడియో ప్లేయర్ మెటా పేజీ ఉపయోగించండి</code> src</li> <li>అనునాతనం ద్వారా వీడియో యూఆర్ఎల్ ను సూచించండి <code>width</code> మరియు <code>height</code> ప్లేయర్ పరిమాణాన్ని నిర్ణయించే అనునాతనం</li> <li>URL కి ఇతర పరామితులను జోడించండి (క్రింద చూడండి)</li> </ul> <h3>ఉదాహరణ</h3> <pre class="language-html"> <iframe width="420" height="315" src="https://www.youtube.com/embed/ih1l6wb7LhU"> </iframe> </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=html_youtube">స్వయంగా ప్రయత్నించండి</a></p> </div> <div> <h2>YouTube Autoplay + మౌన్</h2> <p>మీరు YouTube URL కి autoplay=1 చేర్చడం ద్వారా వీడియో వినియోగదారులు పేజీని సందర్శించినప్పుడు స్వయంచాలకంగా ప్లే అవ్వగలరు. కానీ, స్వయంచాలకంగా ప్లే చేయడం వినియోగదారులకు అసహ్యకరం కావచ్చు!</p> <p class="important"><span>注意：</span>在大多数情况下，Chromium 浏览器都不允许自动播放。但始终允许静音自动播放。</p> <p>లో <code>autoplay=1</code> తరువాత జోడించండి <code>mute=1</code>వీడియో స్వయంచాలకంగా ప్లే చేయబడుతుంది (అయితే మౌనంగా ఉంటుంది).</p> <h3>YouTube - Autoplay + Muted</h3> <pre class="language-html"> <iframe width="420" height="315" src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1"> </iframe> </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=html_youtube_autoplay">స్వయంగా ప్రయత్నించండి</a></p> </div> <div> <h2>YouTube Playlist</h2> <p>ప్లే చేయబడే వీడియో జాబితా (మూల యుఆర్ఎల్ మాత్రమే లేదు) కాండా విభజించండి.</p> </div> <div> <h2>YouTube Loop</h2> <p>జోడించండి <code>loop=1</code> మీ వీడియో ఎప్పటికీ చుట్టూ చుట్టూ ప్లే చేస్తుంది.</p> <p>విలువ 0 (అప్రమేయం): వీడియో ఒకసారి మాత్రమే ప్లే చేస్తుంది.</p> <p>విలువ 1: వీడియో చుట్టూ చుట్టూ ప్లే చేస్తుంది (ఎప్పటికీ).</p> <h3>YouTube - Loop</h3> <pre class="language-html"> <iframe width="420" height="315" src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1"> </iframe> </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=html_youtube_loop">స్వయంగా ప్రయత్నించండి</a></p> </div> <div> <h2>YouTube కంట్రోల్స్</h2> <p>జోడించండి <code>controls=0</code> వీడియో ప్లేయర్ కంట్రోల్స్ ప్రదర్శించబడదు చేస్తుంది.</p> <p>విలువ 0: ప్లేయర్ కంట్రోల్స్ ప్రదర్శించబడదు.</p> <p>విలువ 1 (అప్రమేయం): ప్లేయర్ కంట్రోల్స్ ప్రదర్శించబడతాయి.</p> <h3>YouTube - Controls</h3> <pre class="language-html"> <iframe width="420" height="315" src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0"> </iframe> </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=html_youtube_controls">స్వయంగా ప్రయత్నించండి</a></p> </div> <div class="prenextnav"> <ul> <li> ముందస్తు పేజీ <a href="/te/html/html_video.html" title="HTML 视频">HTML 视频</a></li> <li> తదుపరి పేజీ <a href="/te/html/html5_intro.html" title="HTML5 简介">HTML5 简介</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> టూల్స్ బాక్స్ </center><h3> <h5 id="tools_reference"><a href="/te/tags/index.html">హెచ్టిఎంఎల్ పరిశీలన హాండ్బుక్</a></h5> <h5 id="tools_example"><a href="/te/html/html_examples.html">HTML 实例</a></h5> <h5 id="tools_quiz"><a href="/te/html/html_quiz.html">HTML 测验</a></h5> </div> <div><h3><center> ప్రాయోజిత లింకులు </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com అందించిన కంటెంట్ శిక్షణ మరియు పరీక్షల కోసం మాత్రమే ఉంది, కంటెంట్ యొక్క నిజత్వాన్ని హామీ ఇవ్వబడదు. ఈ సైట్ కంటెంట్ ఉపయోగించడం ద్వారా వచ్చే అపాయాలు ఈ సైట్ తో సంబంధం లేదు. అధికారం అందించబడింది, అన్ని హక్కులు పరిరక్షించబడినవి. </p> <p id="p2"> <a href="/te/about/index.html" title="గురించి CodeW3C.com">గురించి CodeW3C.com</a> <a href="/te/about/about_helping.html" title="సహాయం CodeW3C.com">సహాయం CodeW3C.com</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/about/about_privacy.html" title="ప్రైవసీ గురించి">ప్రైవసీ నిబంధనలు</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="పవర్డ్ బై సీ4ఈ కామ్"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>