تمام موضوعات

+
Home > منبع > راهنمایی > چگونه نمایش به صورت اسلاید HTML5

چگونه نمایش به صورت اسلاید HTML5

HTML5، به عنوان وب نسل بعدی استاندارد, در اطراف گوشه است. پشتیبانی از HTML5 را به وب سایت خود را اضافه کنید? شاید آن زمان در دست کم آماده است. این مقاله به شما 2 راه برای ایجاد نمایش اسلاید HTML5 و جاسازی در وب سایت خود را نشان می دهد.

نمایش به صورت اسلاید HTML5 خود در حال اجرا

یکی از بزرگترین ارتقا HTML5 است که شما به طور مستقیم می توانید جاسازی و پخش فیلم آنلاین با استفاده از. تا زمانی که مرورگر خود را پشتیبانی از HTML5 این راه بازدید کننده نمایش پرده ای HTML5 می توانید تماشا کنید. بدون فلش پلیر مورد نیاز. از HTML5 به نسخه نهایی خود رسیده است, کدک های ویدئویی احتمالا WebM H264 Ogv یا هر دو استفاده می تواند.

در اینجا این است که چگونه شما می توانید جاسازی HTML5 ویدیو نمایش اسلاید:

< poster="movie.jpg فیلم" کنترل >
< منبع src='movie.webm "نوع =" ویدیو/webm; کدک های "vp8.0 vorbis" = "/ >
< منبع src='movie.ogv "نوع =" تصویری/صوتی; کدک های "theora vorbis" = "/ >
< منبع src='movie.mp4 "نوع =" ویدیو/mp4; کدک های = "avc1.4D401E، mp4a.40.2"'/ >
< / ویدئو >

اگر ویدئو زیر را می بینید، مرورگرهای وب HTML5, خیلی پشتیبانی. امروزه اکثر مرورگرها پشتیبانی HTML5 نمایش به صورت اسلاید در حال حاضر. اطلاعات بیشتر در مورد HTML5 مرورگر را مشاهده کنید.

HTML5 نمایش به صورت اسلاید های ایجاد شده با DVD Slideshow Builder Deluxe - بیش از 100 انتقال شامل.

در حال حاضر آنچه شما نیاز دارید است فقط HTML5 نرم افزار و ایجاد نمایش پرده ای کلیپ در فرمت MP4 (AVC) .

Download Win Version

نمایش به صورت اسلاید تعاملی HTML5

مانند اسلاید فلش در حال حاضر مورد استفاده در وب سایت، شما همچنین نمایش اسلاید HTML5 بدون نصب هر چیزی طراحی می تواند. البته، شما لازم نیست که کدک خودتان بنویسید. ما به طور گسترده ای مشترک HTML5 نمایش پرده ای آنلاین برای مثال به شما نشان دهد چگونه به جاسازی نمایش به صورت اسلاید HTML5 بنوشید.

1-قرار دادن فایل در جای مناسب.

هنگامی که فایل پروژه HTML5 را از اینجا دانلود جدا کردن فایل به کامپیوتر شما و حرکت یا به پوشه وب سایت خود را آپلود.

html5 slideshow

دیگران برای به اشتراک گذاشتن خود HTML5 نمایش اسلاید پروژه آنلاین وجود دارد. گوگل برای یکی و تغییر با توجه به نیازهای شما. بهتر است برای قرار دادن اعلان حق تکثیر برای تشکر از کار دیگران و یا دنبال پروانه اظهارات است.

2-تغییر کد متناسب با نیازهای شما

معمولا، شما نیازی به کد css و js فایل، به جز آدرس لینک را تغییر دهید اگر شما آنها را در پوشه های مختلف قرار داده است. اگر شما script.js فایل را به پوشه موجود به نام 'اسکریپت' به نقل مکان کرد به عنوان مثال، شما باید آدرس لینک فایل css به 'scripts/script.js' تغییر. در حالی که نوع دیگری پیوند مطلق مانند http://yoursite.com/scripts/script.js این نوع آدرس لینک پیوند نسبی نامیده می شود. اگر نمایش اسلاید HTML5 به صفحه ای جاسازی، شما باید به چیزی شبیه به استفاده از '... /scripts/script.js'. اگر شما آشنایی با تفاوت شما بهتر مطلق لینک استفاده کنید.

مهم ترین بخش این نمایش به صورت اسلاید HTML5 در کادر قرمز مشخص شده اند. کپی این کد به هر صفحه که بخواهید از HTML5 نمایش به صورت اسلاید به نمایش و تغییر آدرس تصویر مانند بالا توضیح داده شد.

html5 slideshow code
برای بزرگنمایی کلیک کنید.

3. پیش نمایش با مرورگر های HTML5

در نهایت، ببینید چگونه نمایش اسلاید HTML5 در مرورگر HTML5 خود میرسد. به طور معمول، شما بدست می آورید این نمایش به صورت اسلاید HTML5. در صفحه شما نیز می تواند دانلود فایل نمایش اسلاید HTML5 و فرآیند دقیق آن طراحی توسط مارتین Angelov را مشاهده کنید.

همچنین بررسی کنید قالب نمایش پرده ای فلش به وب سایت نمایش اسلاید در کلیک.

سوالات مربوط به محصول? صحبت می کنند به طور مستقیم به تیم پشتیبانی ما >>

بالا