1

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 を表示するにはどうすればよいですか?

4

2 に答える 2

2

次のように 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-19T15:20:28.137 に答える