HTML YouTube Videos

Iya kai kwanan HTML Video
Iya kai tsaye HTML5 Introduction

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

纠结视频格式？

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

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

YouTube Video Id

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

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

在 HTML 中保费 YouTube 视频

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

将视频上传到 YouTube
记下视频 id
在您的网页中定义 </code> 元素</li> <li>让 <code>src</code> 属性指向视频的 URL</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="/ha/tiy/t.html?f=html_youtube">Iya kai tsaye</a></p> </div> <div> <h2>YouTube Autoplay + Mute</h2> <p>您可以通过在 YouTube URL 上添加 autoplay=1 来让视频在用户访问页面时自动开始播放。但是，自动开始播放视频会让您的访问者感到烦恼！</p> <p class="important"><span>Rarrabawa:</span>A cikin yadda ake kai, browser Chromium ba za a iya samar da auto-play ba. Amma za a iya samar da auto-play a hanyar yanar gurin.</p> <p>A <code>autoplay=1</code> Kafin <code>mute=1</code>，za a iya samar da video a cikin hanyar kawai, amma zai kai tsaye a hanyar yanar gurin.</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="/ha/tiy/t.html?f=html_youtube_autoplay">Iya kai tsaye</a></p> </div> <div> <h2>YouTube Playlist</h2> <p>Wuraren video da za a kawo a cikin hanyar, tare da URL na asali.</p> </div> <div> <h2>YouTube Loop</h2> <p>Tambaya <code>loop=1</code> Za a iya samar da video a cikin hanyar kawai.</p> <p>Wuri 0 (Tsawon): Video za a kawo a cikin hanyar yanki kawai.</p> <p>Wuri 1: Video za a kawo a cikin hanyar (zai kai tsaye).</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="/ha/tiy/t.html?f=html_youtube_loop">Iya kai tsaye</a></p> </div> <div> <h2>YouTube Kwararrin</h2> <p>Tambaya <code>controls=0</code> Za a iya samar da kwararrin kwararrin ba za a nuna kwararrin kwararrin ba.</p> <p>Wuri 0: Kwararrin kwararrin ba za a nuna ba.</p> <p>Wuri 1 (Tsawon): Kwararrin kwararrin yana nuna.</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="/ha/tiy/t.html?f=html_youtube_controls">Iya kai tsaye</a></p> </div> <div class="prenextnav"> <ul> <li> Iya kai kwanan <a href="/ha/html/html_video.html" title="HTML Video">HTML Video</a></li> <li> Iya kai tsaye <a href="/ha/html/html5_intro.html" title="HTML5 Introduction">HTML5 Introduction</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kabari </center><h3> <h5 id="tools_reference"><a href="/ha/tags/index.html">Kwararrin Kiko HTML</a></h5> <h5 id="tools_example"><a href="/ha/html/html_examples.html">HTML Examples</a></h5> <h5 id="tools_quiz"><a href="/ha/html/html_quiz.html">HTML Quiz</a></h5> </div> <div><h3><center> Rarrabawa </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com yanar gurin kuma tattara kare, ba za a yiwa ga jumla da dacewa. Risalingin da za a samu ne da yadda za a samu aiki a wannan tashar ba a yiwa ga wannan tashar. Kwararrin da za a yiwa ga wannan tashar, duk wani kwararrin a kaiyewa.版权所有，保留一切权利。 </p> <p id="p2"> <a href="/ha/about/index.html" title="Babban CodeW3C.com">Babban CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Narawa CodeW3C.com">Narawa CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Babban Ayyuka">Rarrabawa Iyaliwarin</a> <a href="/ha/about/about_privacy.html" title="Babban Iyaliwarin">Rarrabawa Iyaliwarin</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="Byan girmama ne Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>

جدول الدروس

توجيهات فونداسيون HTML

HTML XHTML

HTML 表单

HTML 图形

HTML 媒体

HTML5

HTML API

实例/测验/总结

Kwararrin Kiko HTML

选修课

课程推荐：

HTML YouTube Videos

纠结视频格式？

YouTube Video Id

在 HTML 中保费 YouTube 视频