在HTML中设置小窗口播放需要使用<iframe>
标签。iframe是一个内嵌框架,可以在一个网页中嵌入另一个网页或者是一个视频。
<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>
上面的代码中,width
和height
属性分别设置了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 举报,一经查实,本站将立刻删除。