‎‎ويدئوهاي يوتيوبHTML YouTube Videos -‎

Previous >    <Next  

‎ساده ترين راه براي پخش ويدئوها درHTML استفاده ازويدئويYouTube است . تبديل كردن ويدئوها ‎براي پخش مشكل و زمانبراست .ساده ترين راه پخش آن از طريق ويدئويYouTube است .

‎‎شناسه ويدئوي يوتيوبYouTube Video id -‎

‎در هنگام ذخيره سازي وديدئوي يوتيوب ، شناسه اي را نمايش ميدهد (مثل‎(‎tgbNymZZvqY ‎براي استفاده از ويدئوي يوتيوب درHTML ازاين شناسه استفاده ميشود .

‎Playing a YouTube Video in HTML‎

‎‎پخش يك ويدئوي يوتيوب درHTML

‎‎براي پخش يك ويدئو در سندHTML اقدامات زيرا انجام دهيد .

‎‎مثال ـ يخش نمونه فايل ويدئوي يوتيوب

 <iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe > 

--(go to editor for change code and run)

‎‎پخش خودكار وخاموش يوتيوبYouTube Autoplay + Mute -‎

‎ميتوانيد پخش خودكار ويدئو را درهنگام مشاهده صفحه براي كابر تنظيم نمائيد .براي اينكار بايد ‎تنظيم ويژگي‎autoplay=1‎ به urlاضافه گردد .با اين حال پخش خودكار آنهم براي ‎مشاهده كننده آزار دهنده است.

‎توجه ـ مرورگرهايChromium در بيشتر حالات اجازه پخش خودكار را نميدهند .اما خودكار بحالت ‎خاموش مجازاست.

‎براي پخش خودكار خاموش بايد‎muted=1‎ بعداز‎autoplay=1‎ ‎درurl قرار گيرد.

‎‎مثال ـYouTube -‎ Autoplay + Muted

 <iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe >

--(go to editor for change code and run)

‎‎ليست پخشYouTube Paylist -‎

‎‎علاوه برurl اصلي فهرستي از ويدئو ها براي پخش مشخص ميكند .

‎‎حلقه يوتيوبYouTube Loop -‎

‎براي اينكه پخش ويدئو ها تكرار شود بايد‎loop=1‎ اصافه شود .مقد پيش فرض ‎آن‎loop=0‎ است كه فقط يك بار پخش ميشود .

‎‎مثال ـ يوتيوب ـ حلقه

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe > 

--(go to editor for change code and run)

‎‎كنترل هاي يوتيوبYoutube Controls -‎

‎اگر‎controls=0 ‎به آن اضافه شود، كنترل هاي ويدئو در پخش كننده نمايش داده ‎نميشود .واگر حالت پيش فرض باشد يعني‎controls=1‎ كنترل ها نمايش داده ميشود .

‎‎مثال ـYouTube Controls

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe > 

--(go to editor for change code and run)


Previous >    <Next