哈弗格

我有一個正在呼籲YouTube的飼料，然後顯示視頻（無IFRAME）請看看小提琴的腳本：JsFiddle 哈弗格

我想說明一個img在播放器上，所以我追加像這樣的IMG：

html += '<span>Top Rated</span><img src="http://christianjamesphoto.com/themes/chrisjames/images/arrow-left.gif" /></div>';

，並分配給它的z-index:9999;然而，這似乎沒有工作。我有搜索這個答案，似乎我必須把wmode="transparent"進入鏈接，但林不知道如何實現這個在url中。我能做些什麼來讓它顯示玩家之上的img？

來源

2012-10-19 Youss

左箭頭顯示在播放器上，爲了我。你在測試什麼瀏覽器？ – Dcullen

@Dcullen Im使用chrome最新版本。我也看到箭頭，但不是所有的時間。有時只有當我向下滾動時，它會一直消失（它不穩定）。但這只是在Jsfiddle。當我從桌面上看它時，我根本沒有看到箭頭 – Youss

您可以將新選項添加到t他jTubeEmbed插件這樣的：http://jsfiddle.net/aFx29/2/

變化：

jTubeEmbed: function(video, options) { 
     var options = $.extend({ 
      // Embed Options 
      width: 560, 
      height: 340, 
      wmode: 'window', // can be window, transparent and opaque 

      // Player Options 
      autoplay: false, 
      fullscreen: false, 
      related: true, 
      loop: false, 
      keyboard: true, 
      genie: false, 
      border: false, 
      highdef: true, 
      start: 0 
     }, options); 

     // ... ommitted for brevity ... 

     if(options.wmode) { 
      videoEmbed += '<param name="wmode" value="' + options.wmode + '"></param>'; 
     } 

     if(options.fullscreen == true) { 
      videoEmbed += '<param name="allowFullScreen" value="true"></param>'; 
     } 

     videoEmbed += '<embed src="'+videoUrl+'"'; 
     videoEmbed += ' type="application/x-shockwave-flash"'; 

     if(options.wmode) { 
      videoEmbed += ' wmode="' + options.wmode + '"'; 
     } 

     if(options.fullscreen == true) { 
      videoEmbed += ' allowfullscreen="true"'; 
     } 

     videoEmbed += ' allowscriptaccess="always"'; 
     videoEmbed += ' width="'+options.width+'" height="'+options.height+'">'; 
     videoEmbed += ' </embed>'; 
     videoEmbed += '</object>'; 

     return videoEmbed; 
    }

並傳入你希望在電話會議上對jTubeEmbed喜歡的選項：

$.jTubeEmbed(this.video, { 
    // your options here, 
    wmode: 'opaque' 
});

來源

2012-10-19 15:20:28 rcdmk

它不適用於jsfiddle ...同樣的問題。它不會在頁面加載時顯示 – Youss

我剛剛忘記將代碼添加到調用中，但插件已經更改。更新小提琴：http://jsfiddle.net/aFx29/2/ – rcdmk

非常感謝你:) – Youss

玩家是一個Flash對象，把圖像放在上面，你應該考慮：

Display image above flash object

這個參數添加到videoEmbed：

videoEmbed += '<param name="wmode" value="transparent"></param>';

，你可以嘗試這樣的事情在您的代碼中：

html = '<li>'; 
html += '<div style="position:absolute; top:0px; z-index:2000;"><span>Top Rated</span>'; 
html += '<img src="http://christianjamesphoto.com/themes/chrisjames/images/arrow-left.gif" alt="" /></div>'; 
html += $.jTubeEmbed(this.video, embedOptions); 
html += '<a href="'+this.link+'">'+this.title+'</a>'; 
html += '</li>';

來源

2012-10-19 15:05:43

回答

相關問題