ইউটিউব ইফ্রেমে ওয়মোড ইস্যু

Question

JQuery এর সাথে জাভাস্ক্রিপ্ট ব্যবহার করে, আমি একটি ওয়েবসাইটে একটি ইউটিউব ইউআরএল যুক্ত একটি আইফ্রেমে যুক্ত করছি তবে ইউটিউব থেকে আইফ্রেমে লোড হয়ে যাওয়া এম্বেড কোডটিতে wmode = "ওপাক" নেই, তাই পৃষ্ঠায় মডেল বাক্সগুলি দেখানো হয়েছে ইউটিউব ভিডিওর নীচে।

কোন ধারণা কীভাবে সমস্যাটি সমাধান করবেন?

Comments

এই সমস্যাটি কি এখনও আছে? আমি এই সমাধানটি আগে ব্যবহার করেছি তবে সর্বশেষতম ক্রোম / ফায়ারফক্স / আইইতে মূল সমস্যাটি পুনরুত্পাদন করতে পারি না।

— marcovtwout

Answer 1

?wmode=opaqueURL এ যুক্ত করার চেষ্টা করুন বা &wmode=opaqueইতিমধ্যে যদি কোনও প্যারামিটার থাকে।

এটি যদি কাজ না করে পরিবর্তে এটি ব্যবহার করে দেখুন, &wmode=transparentযা IE ব্রাউজারেও কাজ করবে।

Comments

চমৎকার! ফায়ারফক্স ও ক্রোমে কাজ করে তবে কোনও কারণে আইই তে কাজ করে না ... কোনও ধারণা?

— ড্যানফ্রোমাইসরেল

পরিবর্তে & amp; wmode = স্বচ্ছ ব্যবহার করার চেষ্টা করুন

— শবিথ

"& Amp; wmode = xxxx" সেটিংস ধরে নেওয়া হয়েছে যে আপনি ইতিমধ্যে ইউআরএলটিতে পরামিতিগুলি পার করছেন। আমি আমার ক্ষেত্রে ছিলাম না, সুতরাং URL পরিবর্তে আমার পরিবর্তে "? Wmode = xxxx" যুক্ত করা দরকার।

— ম্যাট হাগিনস

opaqueএবং মধ্যে পার্থক্যtransparent । opaqueআরও পারফরম্যান্স হওয়ার কথা।

— ডোনাট

শবিথ - "wmode = অস্পষ্ট" হতে হবে "wmode = অস্বচ্ছ" (ছোট হাতের 'ও')

— জন

Answer 2

?wmode=transparentURL এর শেষে যুক্ত করার চেষ্টা করুন । আমার জন্য কাজ করেছেন।

Comments

'স্বচ্ছ' আমার মতে পছন্দের বিকল্প হতে হবে।

— ফক্সিনি

Answer 3

আপনি যদি নতুন অ্যাসিনক্রোনাস এপিআই ব্যবহার করে থাকেন তবে আপনাকে এর মতো প্যারামিটার যুক্ত করতে হবে:

<!-- YOUTUBE -->
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
//    after the API code downloads.
var player;
var initialVideo = 'ApkM4t9L5jE'; // YOUR YOUTUBE VIDEO ID
function onYouTubePlayerAPIReady() {
    console.log("onYouTubePlayerAPIReady" + initialVideo);
    player = new YT.Player('player', {
      height: '381',
      width: '681',
      wmode: 'transparent', // SECRET SAUCE HERE
      videoId: initialVideo,      
       playerVars: { 'autoplay': 1, 'rel': 0, 'wmode':'transparent' },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
}

এটি গুগল ডকুমেন্টেশন এবং উদাহরণের উপর ভিত্তি করে এখানে: http://code.google.com/apis/youtube/iframe_api_references.html

Comments

নোট করুন যে এই ALSO এর প্লেয়ার ওয়ার্সে wmode প্রয়োজন। এটি যখন কেবল YT.Player এর অধীনে হয়, এটি কেবল HTML5 প্লেয়ারের জন্যই কাজ করবে। প্লেয়ারওয়ার্সে wmode যুক্ত করা ফ্ল্যাশ অবজেক্টে সেই প্যারামিটারটি প্রেরণ করে, যার নিজস্ব জেড-অর্ডার সমস্যা রয়েছে। এখানে দেখুন: groups.google.com/forum/?fromgroups#!topic/youtube-api-gdata/… আমি সেই অনুসারে আপনার উত্তর সম্পাদনা করব।

— ডিলান ম্যাককাল

আমি এটি চেষ্টা করেছিলাম এবং এটি কার্যকর হয়নি। আমি ইউটিড ডকুমেন্টেশনে wmode এর কোনও রেফারেন্সও পাইনি।

— sboisse

আমি প্রথম পোস্ট করার পরে লিঙ্কটি পরিবর্তিত হয়েছিল, যেমন ডাব্লুএমড সেট করার পদ্ধতিটি করেছিল। আপনি এখন যে কোনও ফ্ল্যাশ প্যারামিটার বা প্লেয়ার ওয়ার্সের মাধ্যমে ইউটিউব প্লেয়ার প্যারামিটার সেট করতে পারেন। আমি উপরের উদাহরণটি আপডেট করেছি।

— প্লাস্টিক স্টারজন

URL এ সহজেই পরিবর্তন করা যেতে পারে এমন কোনও মান পরিবর্তন করতে একটি সম্পূর্ণ API লোড করা মোট ওভারকিল। এটি ব্যবহার করবেন না।

— fregante

আমাদের মধ্যে কয়েকজন আছেন যারা ক্রোমবিহীন প্লেয়ারের সাথে কাজ করেন এবং ইউআই নিয়ন্ত্রণের জন্য ইতিমধ্যে জেএস এপিআই ব্যবহার করেন। আমাদের জন্য, এই সমাধানটি পুরোপুরি শিলা! ধন্যবাদ

— ম্যাক্সিজব

Answer 4

?wmode=opaqueইউআরএল যুক্ত করা আমার জন্য এই সমস্যাটি সমাধান করবে বলে মনে হচ্ছে, যদিও আমি এখনও এটি IE তে পরীক্ষা করি নি।

পূর্ববর্তী প্রস্তাবিত সমাধানটিতে আপনারা যারা সমস্যায় পড়েছেন তাদের মনে রাখবেন যে আপনি যদি ইতিমধ্যে ইউআরএলে অন্য যুক্তি সরবরাহ করে থাকেন তবেই একটি ইনিটাল অ্যাম্পারস্যান্ড কাজ করবে। প্রথম যুক্তিতে অবশ্যই প্রাথমিক প্রশ্ন চিহ্ন থাকতে হবে:http://www.example.com?first=foo&second=bar

Comments

আমি যে ভিডিওটি দেখানোর চেষ্টা করছি তা নির্বিশেষে আমি একটি কালো আয়তক্ষেত্র পেয়েছিলাম .. পরীক্ষা মেশিনটিতে ফ্ল্যাশ ইনস্টল হয়নি এবং ফ্ল্যাশ ইনস্টল করার জন্য কথোপকথনটি খুব বেশি অফসেট হয়েছিল!

— জেব

Answer 5

&wmode=transparentইউআরএল যোগ করুন এবং আপনি সম্পন্ন, পরীক্ষিত।

আমি সেই কৌশলটি আমার নিজের ওয়ার্ডপ্রেস প্লাগইন ইউটিউব শর্টোডে ব্যবহার করি

আপনার যদি কোনও সমস্যা দেখা দেয় তবে এর উত্স কোডটি পরীক্ষা করুন।

Comments

ইউটিউব URL টিউব করার পরে & amp; wmode = স্বচ্ছ যুক্ত করা সমস্ত ব্রাউজার জুড়ে সমস্যার সমাধান করে। মিঃ

Answer 6

কেবলমাত্র একটি টিপ! - আপনি এমবেডড ভিডিওর উপরে থাকতে চান এমন উপাদানটির জেড-ইনডেক্সটি নিশ্চিত করেছেন। আমি wmode ক্যোরিস্ট্রিং যুক্ত করেছি, এবং এটি এখনও কার্যকর হয়নি ... যতক্ষণ না আমি অন্য উপাদানটির জেড-সূচকটি আপ করি। :)

Answer 7

&wmode=opaqueআমার জন্য ক্রোম করেনি (ক্রোম 10) তবে &wmode=transparentসমস্যাটি এখনই পরিষ্কার করা হয়েছে।

Answer 8

আমি জানি এটি একটি পুরানো প্রশ্ন, তবে এটি এখনও এই সমস্যাটির শীর্ষস্থানীয় অনুসন্ধানগুলিতে উঠে আসে তাই আই আই এর সন্ধানকারীদের সাহায্য করার জন্য আমি একটি নতুন উত্তর যুক্ত করছি:

&wmode=opaqueURL এর শেষে যুক্ত করা IE 10 তে কাজ করে না ...

তবে, যুক্ত ?wmode=opaqueকরে কৌতুক!

---

এই সমাধানটি এখানে পেয়েছে : http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements

Comments

&এবং ?তারা কোন অর্ডার ব্যবহৃত হয় এবং কোন URL টি URL এ অন্তর্ভুক্ত থাকে তার উপর নির্ভর করে উভয়ই সঠিক। অবশ্যই ?এটি ব্যবহৃত হয় যদি এটি প্রথম (বা কেবল) সেটিংস হয় &অন্যথায়।

— অ্যালেক্স

হ্যাঁ, তবে IE এর বিশেষ প্রয়োজন রয়েছে। এটি চেষ্টা করুন এবং দেখুন যে আইই 10 তে কাজ করে এবং কোনটি হয় না। আমি এখনও IE 11 এ চেষ্টা করে দেখিনি।

— অ্যাম্বার জুন

Answer 9

সম্প্রতি আমি দেখেছি যে কখনও কখনও ফ্ল্যাশ প্লেয়ারটি স্বীকৃতি দেয় না &wmode=opaque, তবে আপনার &WMode=opaqueখুব উত্তীর্ণ হওয়া উচিত (বড় হাতের দিকে খেয়াল করুন)।