隱藏的部分視頻，從YouTube

我有視頻從YouTube，我想瞞過這個視頻一些地方，這是我的代碼隱藏的部分視頻，從YouTube

<div style="width: 200px; height: 315px; overflow: hidden"> 
     <iframe width="560" height="315" src="http://www.youtube.com/embed/AMoLwrarElA" frameborder="0" allowfullscreen></iframe> 
</div>

這部作品在所有的瀏覽器好，除了野生動物園，在Safari中是可見的所有視頻，有人知道爲什麼？

來源

2012-08-06 ოთო შავაძე

嘗試隱藏末尾添加一個分號：

overflow:hidden;

也嘗試添加：

clear:both;

爲了您的DIV的風格。

來源

2012-08-06 21:31:15

這不是幫助，請告訴，在您的瀏覽器，視頻隱藏申請後：明確：均; ？ – 2012-08-06 21:36:24

是的，這適用於所有瀏覽器。你的Safari是否是最新的？ – 2012-08-06 21:37:20

是的，我的Safari瀏覽器是新版本，我在兩臺電腦上測試了這個代碼，並且沒有任何一臺電腦完全在safari – 2012-08-06 21:41:47

Image shows absolute positioned div covering an iframe

作爲形象示人，要做到這一點的方法是：

body 
    div (position = absolute, top = iframe.top, right = iframe.right, width = 350px) 
    iframe (position = absolute or relative, width = 750px)

這裏絕對定位的div是紅色條紋區域

您可以使用jQuery來獲取I幀左上角右上：

<body> 
<div class="cover"></div> 
<iframe/> 
<script> 
    $(function(){ 
    var top = iframe.top 
    var right = iframe.right 
    $("cover")[0].top = top; 
    $("cover")[0].right = right; 
    //.. 
    }); 
</script> 
</body>

對不起，我沒那麼多時間，也無法解釋更多，如果不工作，我會再試一次

來源

2012-08-07 13:14:40 GLES

**不要只是UPVOTE，將它作爲答案** – GLES 2012-08-08 15:05:23

這個代碼決定這個問題

<div style="width: 200px; height: 315px; overflow: hidden;"> 
<object width="560" height="315" style="float:left; overflow: hidden;"> 
    <param name="movie" value="http://www.youtube.com/v/AMoLwrarElA&hl=ru_RU&fs=1&rel=0&border=0"/> 
    <param name="allowFullScreen" value="true"/> 
    <param name="allowscriptaccess" value="always"/> 
    <param name="wmode" value="opaque"/> 
    <embed src="http://www.youtube.com/v/AMoLwrarElA&hl=ru_RU&fs=1&rel=0&border=0" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"/> 
</object> 
</div>

來源

2012-08-07 22:00:57

隱藏的部分視頻，從YouTube

回答

相關問題