內嵌 youtube 的廣告


iframe

  • 在 youtube > 分享 > 嵌入 可以找到嵌入程式碼

因為是寫死固定寬高 16:9,沒什麼需要筆記的。

<div class="ad-container" style="  
  background-color: lightblue;
  width: 300;
  height: 250;
  display: flex;
  flex-direction: column;
  text-align: center;">

    <!-- youtube iframe 300x165-->
    <div class="iframe-16x9">
        <iframe width="300" height="165" src="https://www.youtube.com/embed/jj6V0Y2s9Fs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <!-- /youtube -->

    <!-- link photo 300x85 -->
    <div class=link style="
        overflow:inherit;
        height: 85;">

        <a href="https://www.bnext.com.tw/" target="_blank" draggable="false" style="
        text-decoration: none;
        color: hotpink;">
            <img src="https://ads-cdn.tenmax.io/creative/2019/12/11/15001-image.jpg?cb=1576056388625" alt="" width="300" height="85">
        </a>
    </div>
    <!-- /link -->
</div>
HTML 小廣告
蒐集一些用 CSS + jQuery 做的 HTML 廣告插件






Related Posts

[ 紀錄 ] 實戰練習 - Todo List ( 以 JS 實作前端 + PHP 後端 )

[ 紀錄 ] 實戰練習 - Todo List ( 以 JS 實作前端 + PHP 後端 )

Longitudinal Vehicle Model 實作小筆記

Longitudinal Vehicle Model 實作小筆記

認識資料庫的推薦閱讀

認識資料庫的推薦閱讀



Comments