在視頻頂部放置一個div <object>在HTML CSS中

我正在努力如何將<div>放在視頻的頂部<object>。在視頻頂部放置一個div <object>在HTML CSS中

藍色邊框是我的。在視頻後面是我的<div class="title">some text</div>，我想要在視頻的頂部並將其置於右下方。

enter image description here

CSS和HTML

<style type="text/css"> 
.title { 
    height:50px; 
    width:150px; 
    border:1px solid #000; 
    position:absolute; 
    z-index:10; 
    background-color:pink; 
    top:260px;left:0; 
} 
iframe { 
    width:490px; 
    height:400px; 
    position:absolute; 
    z-index:1; 
    border:2px solid blue; 
} 
</style> 
<body> 
<div id="wrap" style="position:relative;"> 
    <div class="title"> 
     <h1>some text</h1> 
    </div> 

<iframe src="owlvid.html"></iframe> 
</div> 
</body>

這是裏面的對象我owlvid.html

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" 
    codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" 
    width="480" height="300" id="vlc" events="True"> 

    <param name="Src" value="owl-vid-path-source" /> 
    <param name="ShowDisplay" value="True" /> 
    <param name="AutoLoop" value="False" /> 
    <param name="AutoPlay" value="True" /> 
    <param name="wmode" value="transparent" /> 

    <embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="480" height="300" 
    target="owl-vid-path-source" ></embed> 

</OBJECT>

來源

2013-10-18 bobbyjones

它似乎工作^ h ere ... http://jsfiddle.net/uhRBN/ –

嘗試了很多次，但仍然不會爲我工作。我真的不知道你的工作方式。： -/ – bobbyjones

我注意到iframe src是針對YouTube視頻的。但我需要定位一個帶有頁面的HTML頁面。 – bobbyjones

在視頻頂部放置一個div <object>在HTML CSS中

回答

相關問題