2014-10-04 68 views
0

我在我的客戶的Facebook頁面上遇到Facebook品牌選項卡的問題。Youtube視頻在Facebook標籤中不可見

我在Facebook頁面內創建了一個選項卡。 我有相同的HTML代碼。 在這段代碼中,我用iframe來展示來自YouTube的視頻。 當我用我的桌面上的谷歌瀏覽器打開這個html文件時,整個810 x 800px的設計可以通過'youtube video'和視頻播放。 但我現在在Facebook頁面內創建一個新選項卡,給我的應用程序ID和URL只有背景圖像是可見的,沒有視頻!

我所有的內容都來自SSL認證網站。

這是我使用的代碼。

enter code here 
<!DOCTYPE html PUBLIC "-//W3C//DTD html 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css"> 

<title>Kich Video</title> 

<style type="text/css"> 
body { 
margin:0; 
background-color:#f0f0f0; 
} 
#container { 
width:810px; 
height:695px; 
padding-top:115px; 
padding-left:260px; 
margin:0px; 
background-image:url(https://spotlightcommunication.com/work/kichtvad/background.jpg); 
background-repeat:no-repeat; 
} 
#container object { 
width:560px; 
height:315px; 
} 
</style> 

</head> 
<body style="margin:0"> 

<div id="container"> 

<iframe width="500" height="281" src="http://www.youtube.com/embed/4CjayX3GNmU?rel=0" 
frameborder="0" allowfullscreen></iframe> 

</div> 
<div style="padding-left:0px;"> 
<a href="http://www.crowdmultiplier.com"><img 
src="http://i1160.photobucket.com/albums/q495/chandansolanki/CMPowered810x60_Px.jpg"></a></div> 
</body> 
</html> 

我目前在Facebook頁面上保留此選項卡。你可以看到 ,只有背景圖像是可見的而不是視頻。

Facebook頁面鏈接Facebook。 標記爲Kich TV Ad的標籤需要顯示此視頻。

任何人都可以幫助我嗎?

Kirit JAsani

回答

0

我所有的內容來自SSL認證的網站。

嗯,你總是需要使用https。如果您在瀏覽器控制檯中查看,它會告訴您,youtube鏈接因爲不安全的內容(http而不是https)而被阻止。對所有絕對網址使用https。這適用於youtube src和photobucket src。

+0

Luschn,其工作。 – 2014-10-04 12:45:56

+0

很高興我能幫上忙。如果你願意,請接受我的回答:) – luschn 2014-10-04 13:10:37