javascript - 视频播放器位置对象 div

Question

寻找某种方法将视频播放器重新定位到它在页面上显示的位置。

播放器被调用使用

$object = "<video id='video_player_".$unique_id."'>".JText::_('LOADING_PLAYER')."</video>";

但是需要向播放器添加一些自定义 javascript，因此代码更改为

//$object = "<video id='video_player_".$unique_id."'>".JText::_('LOADING_PLAYER')."</video>";

?>
<div class="videoplayer" align="center">
    <video id='video_player_<?=$unique_id?>'>Loading player...</video>
</div>
<script type='text/javascript'> 
    var source_folder="";
    var videolist="";
</script> 

有没有办法让 javascript 与 $object 位于同一位置？目前，播放器仅出现在页面顶部，而不是在模板的列中。

Answer 1

用另一个 div 包装播放器，然后将样式应用于该 div。

类似于:

<div style="position:absolute:top:0px;left:0px;">
<div class="videoplayer" align="center">
    <video id='video_player_<?=$unique_id?>'>Loading player...</video>
</div>
</div>

也许这会奏效。