微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html中怎么设置小窗口播放

在HTML中设置小窗口播放需要使用<iframe>标签。iframe是一个内嵌框架,可以在一个网页中嵌入另一个网页或者是一个视频。

html中怎么设置小窗口播放

下面是一个设置小窗口播放的示例代码

<iframe width="300" height="200" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

上面的代码中,widthheight属性分别设置了iframe的宽度和高度。在src属性中,我们可以填写要嵌入的网页地址或者视频源地址。示例中的地址是Youtube上的一条视频链接

设置小窗口播放的另一种方式是使用<video>标签。下面是一个使用video标签的示例代码

<video width="300" height="200" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

在video标签中,我们可以通过src属性指定视频源地址。另外,controls属性可以让视频显示播放控制栏。

以上就是在HTML中设置小窗口播放的两种方式。我们可以根据实际需要进行选择。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐