使用javascript将视频放在视频顶部 [英] Place Div on top of video using javascript

问题描述

我有几种视频，像这样

I have several kinds of videos, like this

<video id='abd' height="200" width="200" ></video>

<embed id='bcd' height="200" width="200" ></embed>

<object id='cde' height="200" width="200" ></object>

我已经计算出目标位置，像这样

I have calculated target position like this

<script>
    var vid=document.getElementById('abd');
    var width =  vid.offsetWidth;
    var height =  vid.height; 
    var x = width/2+ 'px';
    var y = height - 12+'px';

    var div = '<div>Heloo</div>';
</script>

现在我想把一个div放在位置（x，y）。

Now i want to put a div at position (x,y).

我该如何做到这一点。 div存储在var div中，是否有任何方法可以完美地完成这项工作，

How can i do this. div is stored in var div, Is there any way to do this perfectly,

您的帮助将非常有用

谢谢

推荐答案

请检查是否您想要的：

Please check is it what you want :

<div id="adds">
<video id='abd' height="200" width="200" style="border:2px solid" ></video>
</div>

Javascript ----

Javascript ----

vid=document.getElementById('abd');
addDiv =document.getElementById('adds');

var width =  vid.offsetWidth;
var height =  vid.height; 
var x = width/2+ 'px';
var y = height - 12+'px';


var newDiv = document.createElement("div");
newDiv.innerText = "Hello....";
newDiv.style.left = "102px";
newDiv.style.top = "108px";
newDiv.style.position = "absolute";
addDiv.appendChild(newDiv);

现场演示：（ http://jsfiddle.net/7EhtL/ ）

这篇关于使用javascript将视频放在视频顶部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！