是否可以在HTML5视频上放置徽标?

时间:2017-04-29 09:29:53

标签: html5 html5-canvas

我正在使用HTML5视频来流式传输网络摄像头,我想知道是否可以在HTML5视频流中放置徽标?

<div id="streaming">
        <video id="webcam" autoplay></video>
    </div>

1 个答案:

答案 0 :(得分:1)

这可以通过在html 主体部分中添加一个图像元素并使用css相应地放置(最适合您的需要)来实现。< / p>

<强>ᴅᴇᴍᴏ

.logo {
  position: absolute;
  top: 12px;
  left: 18px;
}
<body>
    <div id="streaming">
        <video id="webcam" src="https://istack.000webhostapp.com/psy.mp4" height="219" autoplay></video>
        <img src="https://istack.000webhostapp.com/yt.png" width="40" class="logo">
    </div>
</body>