:::
prev1-4 div標籤用法
3. JavaScriptnext
HTML & CSS & JavaScript

2-1 嵌入youtube

將下方語法貼至想要的區塊中，可調長寬，下方的src為影片來源。

網址最後加一個問號可附上參數，達到(自動播放且靜音，並且循環播放)

<style type="text/css">.videobox {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  }
  .videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
<div class="videobox">
  <iframe allow="autoplay" allowfullscreen="true" frameborder="0" src="https://www.youtube.com/embed/OkzzB-ylTOE?autoplay=1&mute=1&loop=1&playlist=OkzzB-ylTOE" title="iframe">
  </iframe>
</div>

 

 

prev1-4 div標籤用法
3. JavaScriptnext

友善列印 & 下載 PDF 匯出 MarkDown 格式