مرجع دانلود اسکریپت

وان اسکریپت | اولین مرجع دانلود رایگان اسکریپت در ایران

خرید هاست
تبلیغات
تبلیغات
تبلیغات

درخواست شما

اگـر به دنبال قالب و اسکریپت یا هر مطلب دیگری هستید و آن را پیدا نکرده اید ، می توانید درخواست خود را به تیم وان اسـکریپت ارسال کنید تا در کوتاه ترین زمان مطلب مورد نظر شما در سایت قـرار گیرد ! وان اسـکریپت همچنان به دنبال ارائه خدمــاتی با کیفیت بالا به کاربران خود می باشد.

آموزش پخش ویدئو در سایت توسط html5

آموزش پخش ویدئو در سایت توسط html5Reviewed by صادق محمدزاده on Nov 25Rating:

html5-video

قبلا تنها راه درج یک ویدئو در سایت فقط توسط فلش اکان پذیر بود . اما امروزه با پیشرفت زبان های برنامه نویسی تحت وب همچن html که جدیدا نسخه ۵ آن در اختیار برنامه نویسان وب قرار گرفته است ، درج ویدئو با کد های hmtl5 نیز در یک سایت بدون استفاده از فلش امکانپذیر شده است. در این پست میخوام که نشان بدم چطوری میتونیم یک ویدئو را در یک صفحه html تنها با استفاده از کد های html5 نشان دهیم .

 

videoplayer

خوب ابتدا کد های اصلی صفحه html را قرار میدهیم که به صورت زیر است :

 

[code]




Mobile-Friendly HTML5 Video Demo – onescript









[/code]

سپس کدها ویدئو پلیر رو در تگ body قرار میدیم .

[code]

A Pup Named onescript.ir Intro

Source: onescript.ir

[/code]

 

می توانید پهنای ویدئوپلیر رو نیز توسط css کنترل کنید ببا استفاده از استایل زیر

 

[code]
video {max-width: 100%; height: auto;}
[/code]

 

جهت فهم بیشتر میتوانید نمونه آماده آن را از طریق لینک زیر دانلود کنید .

آدرس لود ویدئو را در فایل های html‌جهت پخش تغییر دهید .

 

منبع : designm.ag



 

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn
نوشته شده در ۱۳۹۱/۰۹/۰۵ / 2,897 نمایش / کد مطلب : 4139

یک دیدگاه در “آموزش پخش ویدئو در سایت توسط html5”

  1. با سلام
    کدهایی که گذاشتی که کپی نمی شه
    فایلی را هم که گذاشتی اجرا نمیشه

دیدگاه خود را به اشتراک بگذارید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

خرید vpn