কীভাবে একটি আইফ্রেমে একটি অটোপ্লেয়িং ইউটিউব ভিডিও এম্বেড করা যায়?

Question

আমি একটি ইউটিউব ভিডিওর নতুন iframe সংস্করণটি এম্বেড করার চেষ্টা করছি এবং এটি অটো প্লেতে পাচ্ছি।

আমি যতদূর বলতে পারি, URL এ পতাকা সংশোধন করে এটি করার কোনও উপায় নেই। জাভাস্ক্রিপ্ট এবং এপিআই ব্যবহার করে এটি করার কোনও উপায় আছে?

Comments

কোডটি দিয়ে ভিডিওটি বাজানো শুরু হওয়ার সাথে সাথে কি শব্দটি নিঃশব্দ করার কোনও উপায় আছে, আমি সাউন্ড দিয়ে আমার ব্যবহারকারীদের অবাক করতে চাই না

— ড্যানিয়েল মেটলিটস্কি

Answer 1

এটি ক্রোমে কাজ করে তবে ফায়ারফক্স ৩.6 নয় (সতর্কতা: রিকরোল ভিডিও):

<iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>

জাভাস্ক্রিপ্ট API আইফ্রেম এম্বেড জন্য বিদ্যমান, কিন্তু এখনও একটি পরীক্ষামূলক বৈশিষ্ট্য হিসেবে পোস্ট করা হয়।

আপডেট: আইফ্রেমে এপিআই এখন পুরোপুরি সমর্থিত এবং "ওয়াইটি.প্লেয়ার অবজেক্ট তৈরি করা - উদাহরণ 2" জাভাস্ক্রিপ্টে "অটোপ্লে" কীভাবে সেট করবেন তা দেখায়।

Comments

ইঙ্গিত: মোবাইল ডিভাইসে এসআরসি প্যারামিটার এবং এপিআই কল উভয়ই বিধিনিষেধের কারণে কাজ করবে না: developers.google.com/youtube/…

— লিনাস ক্যালডওয়েল

আমি দেখতে পেয়েছি যে মোবাইলে (অ্যান্ড্রয়েড 5.0 এ ওয়েবভিউ) ক্রিয়াকলাপটি onYouTubeIframeAPIReady()ট্রিগার হয়নি। কারও সমাধান আছে?

— কেউ কেউ কোথাও

কোডটি দিয়ে ভিডিওটি বাজানো শুরু হওয়ার সাথে সাথে কি শব্দটি নিঃশব্দ করার কোনও উপায় আছে, আমি সাউন্ড দিয়ে আমার ব্যবহারকারীদের অবাক করতে চাই না

— ড্যানিয়েল মেটলিটস্কি

stackoverflow.com/questions/48086769/... @JoJo

— MattAllegro

আপনার প্রয়োজনও হতে পারে: আপনার

— আইফ্রেমের

Answer 2

ইউটিউবের এমবেডেড কোডটি ডিফল্টরূপে অটোপ্লে বন্ধ করে দেয়। কেবলমাত্র autoplay=1"src" বৈশিষ্ট্যের শেষে যুক্ত করুন । উদাহরণ স্বরূপ:

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>

Comments

যোগ ?autoplay=1src করতে

— Squirrl

হ্যাঁ আসলে অটোপ্লে = যখন 1? ইঙ্গিত করুন যে এসআরসি-র রঙ, নিয়ন্ত্রণ এবং প্রতিটি চিহ্ন দ্বারা পৃথক পৃথক প্যারামিটার থাকতে পারে। বিস্তারিত বিবরণ এখানে দেখা যাবে developers.google.com/youtube/player_parameters#Parameters

— ওয়াহিদ উর রেহমান

Answer 3

এপ্রিল 2018 সাল থেকে গুগল অটোপ্লে নীতিতে কিছু পরিবর্তন করেছে । সুতরাং আপনাকে এই জাতীয় কিছু করতে হবে:

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>

Answer 4

আগস্ট 2018 আমি আইফ্রেমে বাস্তবায়নের বিষয়ে একটি কাজের উদাহরণ খুঁজে পাইনি। অন্যান্য প্রশ্নগুলি কেবল ক্রোমের সাথে সম্পর্কিত ছিল যা এটিকে কিছুটা দূরে সরিয়ে দিয়েছে।

mute=1Chrome এ অটোপ্লে করার জন্য আপনাকে শব্দটি নিঃশব্দ করতে হবে । FF এবং IE autoplay=1প্যারামিটার হিসাবে ব্যবহার করে ঠিকঠাক কাজ করছে বলে মনে হচ্ছে ।

<iframe src="//www.youtube.com/embed/{{YOUTUBE-ID}}?autoplay=1&mute=1" name="youtube embed" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Answer 5

কীভাবে অটোপ্লে সহ কোনও ইউটিউব ভিডিও এম্বেড করবেন এবং ক্লিপ শেষে কোনও প্রস্তাবিত ভিডিও এম্বেড করা যায় না যদি 2014 ইফ্রেমে এম্বেড করুন

rel=0&autoplay 

নীচে উদাহরণ:।

<iframe width="640" height="360" src="//www.youtube.com/embed/JWgp7Ny3bOo?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

Answer 6

iframe src এর শেষে, &enablejsapi=1ভিডিওটিতে js API ব্যবহার করার অনুমতি দেওয়ার জন্য যুক্ত করুন

এবং তারপর jquery সঙ্গে:

jQuery(document).ready(function( $ ) {
  $('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
});

এটি দস্তাবেজটিতে স্বয়ংক্রিয়ভাবে ভিডিওটি প্লে করা উচিত ready

দ্রষ্টব্য, আপনি ভিডিওটি শুরু করতে অন্য উপাদানটিতে ক্লিক করতে একটি ক্লিক ফাংশনটির ভিতরেও এটি ব্যবহার করতে পারেন

আরও গুরুত্বপূর্ণ, আপনি একটি মোবাইল ডিভাইসে ভিডিওগুলি স্বয়ংক্রিয়ভাবে শুরু করতে পারবেন না যাতে ব্যবহারকারীরা সবসময় ভিডিও শুরু করতে ভিডিও প্লেয়ারে নিজেই ক্লিক করতে হবে will

সম্পাদনা: ডকুমেন্টে আমি আসলে 100% নিশ্চিত নই। Iframe প্রস্তুত হবে, ইউটিউব এখনও ভিডিও লোড করতে পারে। আমি আসলে একটি ক্লিক ফাংশনের ভিতরে এই ফাংশনটি ব্যবহার করছি:

$('.video-container').on('click', function(){
  $('video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
  // add other code here to swap a custom image, etc
});

Comments

এই উত্তরটি ব্যবহার করে, এবং jQuery নির্বাচককে setTimeoutআমার জন্য একটি কাজের জন্য মোড়ানো ।

— tyler.frankenstein

এখানেও একই ঘটনা প্রতি সেকেন্ডে বেশ কয়েকবার ফায়ার করুন এবং এটি কার্যকর হবে।

— ম্যাথিয়াস ক্লাইন

Answer 7

পতাকা , অথবা প্যারামিটার আপনার iframe এবং বস্তুর এম্বেড এখানে নথিভুক্ত করা হয় সাথে ব্যবহার করতে পারেন; কোন প্যারামিটার কী প্লেয়ারের সাথে কাজ করে সে সম্পর্কে বিস্তারিতও উল্লেখ করা হয়েছে:

YouTube এম্বেডেড প্লেয়ার এবং প্লেয়ার পরামিতি

আপনি লক্ষ্য করবেন যে autoplayসমস্ত খেলোয়াড় (AS3, AS2 এবং HTML5) দ্বারা সমর্থিত।

Answer 8

যারা জানেন না তাদের জন্য একাধিক প্রশ্নের টিপস (আমার অতীত এবং ভবিষ্যত আমার)

আপনি যদি ইউআরএল দিয়ে একটি একক ক্যোয়ারী করেন তবে এমজেএম এর উত্তরের মতই ?autoplay=1কাজ করে

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1"></iframe>

আপনি যদি একাধিক ক্যোয়ারী তৈরি করে থাকেন তবে মনে রাখবেন প্রথমটি ?কিছুক্ষণের সাথে শুরু হয় বাকীটি একটি দিয়ে শুরু হয়&

বলুন আপনি সম্পর্কিত ভিডিওগুলি বন্ধ করতে চান তবে অটোপ্লে সক্ষম করুন ...

এইটা কাজ করে

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1"></iframe>

এবং এই কাজ করে

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1&rel=0"></iframe>

তবে এগুলি কার্যকর হবে না ..

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0?autoplay=1"></iframe>

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0&autoplay=1&rel=0"></iframe>

উদাহরণ তুলনা

https://jsfiddle.net/Hastig/p4dpo5y4/

অধিক তথ্য

একাধিক ক্যোয়ারী স্ট্রিং ব্যবহার সম্পর্কে আরও তথ্যের জন্য নীচে NextLocal এর উত্তর পড়ুন

Comments

আপনার কাজ না করার কারণটি আপনি ইতিমধ্যে ?rel=0সেখানে রেখেছিলেন । যদি আপনি সরান যে এটি কাজ করবে। কোয়েরি স্ট্রিং সিনট্যাক্স সম্পর্কে আরও পড়ুন এখানে আপনি চাই। ?rel=0?autoplay=1হয় ?autoplay=1বা?rel=0&autoplay=1

— জাগডসফট 20

@ নেক্সটলোকাল ধন্যবাদ, আমি এটিতে ফিরে আসব এবং পরের বার আমার উত্তরটি সম্পাদনা / মুছব যখন আমি ইউটিউব ভিডিওগুলিতে আইফ্রেম করে এমন কিছু নিয়ে কাজ করছি।

— হাসটিগ জুসামেনস্টেলেন

আপনি যে উদাহরণটি প্রদান করছেন http://www.youtube.com/embed/oHg5SJYRHA0&autoplay=1তা অবশ্যই কাজ করবে না, তবে https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1উচিত

— জাগডসফট

নিসেক্সটোক্যাল হা, আমি এখন এটি পেয়েছি। আমি কীভাবে তা বুঝতে পারি নি তা নিশ্চিত নয়: ডি আবারও ধন্যবাদ।

— হাসটিগ জুসামেনস্টেলেন

কোডটি দিয়ে ভিডিওটি বাজানো শুরু হওয়ার সাথে সাথে কি শব্দটি নিঃশব্দ করার কোনও উপায় আছে, আমি সাউন্ড দিয়ে আমার ব্যবহারকারীদের অবাক করতে চাই না

— ড্যানিয়েল মেটলিটস্কি

Answer 9

মে 2018 সালে Chrome 66 এ কাজ করে mjhm দ্বারা গৃহীত উত্তর পাওয়ার জন্য, আমি allow=autoplayআইফ্রেমে এবং enable_js=1ক্যোয়ারী স্ট্রিংয়ে যুক্ত করেছি:

<iframe allow=autoplay width="420px" height="345px" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1&enable_js=1"></iframe>

Answer 10

আজকাল আমি আইফ্রেমে ট্যাগে একটি নতুন বৈশিষ্ট্য "অনুমতি" অন্তর্ভুক্ত করি, উদাহরণস্বরূপ:

অনুমতি = "অ্যাক্সিলোমিটার; অটোপ্লে; এনক্রিপ্টড-মিডিয়া; জাইরোস্কোপ; ছবি-ইন-ছবি"

চূড়ান্ত কোডটি হ'ল:

<iframe src="https://www.youtube.com/embed/[VIDEO-CODE]?autoplay=1" 
frameborder="0" style="width: 100%; height: 100%;"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>

Comments

একটি কৌশল কাজ করে! আমি বুঝতে পারি না যে পৃষ্ঠা লোডগুলি কেবল কখনও কখনও প্রদর্শিত হয় এবং অন্য সময় না কেন!

— শনিওবাইক

Answer 11

1 - যোগ &enablejsapi=1করুনIFRAME SRC

2 - jQuery ফানক:

  $('iframe#your_video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

ঠিকভাবে কাজ করে

Comments

আমার ক্ষেত্রে এটি কনসোল থেকে কাজ করে, বা আমি ইতিমধ্যে যখন ম্যানুয়ালি ভিডিওর সাথে ইন্টারেক্ট করেছি। লোড নিয়ে কাজ করে না, এমনকি সময়সীমা

— ছাড়িয়ে

Answer 12

জাভাস্ক্রিপ্ট এপিআই ব্যবহার করতে,

<script type="text/javascript" src="swfobject.js"></script>
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/OyHoZhLdgYw?enablejsapi=1&playerapiid=ytplayer&version=3",
                       "ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>

আইডি দিয়ে ইউটিউব খেলতে:

swfobject.embedSWF

তথ্যসূত্র: https://developers.google.com/youtube/js_api_references ম্যাগাজিন

Answer 13

<iframe width="560" height="315" 
        src="https://www.youtube.com/embed/9IILMHo4RCQ?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" 
        frameborder="0" allowfullscreen></iframe>

Answer 14

ডিসেম্বর 2018,

প্রতিক্রিয়ার জন্য একটি অটোপ্লে, লুপ, ইউটিউব ভিডিও খুঁজছেন।

অন্যান্য উত্তর কাজ করে না।

আমি একটি লাইব্রেরি সহ একটি সমাধান পেয়েছি: প্রতিক্রিয়া-ইউটিউব

class Video extends Component {

    _onReady(event) {
        // add mute
        event.target.mute();
        // add autoplay
        event.target.playVideo();
    }

    render() {
        const opts = {
            width: '100%',
            height: '700px',
            playerVars: {
                // remove video controls 
                controls: 0,
                // remove related video
                rel: 0
            }
        };

        return (
            <YouTube
                videoId="oHg5SJYRHA0"
                opts={opts}
                // add autoplay
                onReady={this._onReady}
                // add loop
                onEnd={this._onReady}
            />
        )
    }

}