有没有办法将youtube / twitch嵌入div?

时间:2016-05-08 13:30:25

标签: html youtube twitch

我希望我的抽搐和youtube页面有一个页面,我所做的是:

 <style type="text/css">
            html, body { height: 100%; padding: 0; margin: 0; }
            div { width: 50%; height: 50%; float: left; }
            #div1 { background: #DDD; }
            #div2 { background: #AAA; }
            #div3 { background: #777; }
            #div4 { background: #444; }

            </style>
  <div id="div1">
      <object type="text/html" data="https://www.youtube.com/live_dashboard" width="100%" height="100%"></object>
</div>
<div id="div2">
    <object type="text/html" data="https://www.twitch.tv/xwarpewpew/" width="100%" height="100%"></object>
</div>

我尝试用iframe做这件事似乎是阻止或与https的同类问题 有没有办法做到这一点?

1 个答案:

答案 0 :(得分:0)

您可以使用iframe,而不是使用div。有了它,你可以显示网站和视频。

这是一个包含您需要知道的所有内容的页面: http://www.w3schools.com/html/html_iframe.asp

https://developer.mozilla.org/en/docs/Web/HTML/Element/iframe
https://www.w3.org/wiki/HTML/Elements/iframe

您也可以仅针对视频执行此操作,例如此代码:

<iframe width="560" height="315" src="https://www.youtube.com/embed/_I64Xz9m168" frameborder="0" allowfullscreen></iframe>