امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5

اجرا کردن ویدئو توسط html5 در صفحات وب سایت
آفلاین سایت دارv
کاربر انجمن

*
کاربر انجمن
ارسال‌ها: 1
تاریخ عضویت: 03 February 2014
اعتبار: 0
ارسال: #1
اجرا کردن ویدئو توسط html5 در صفحات وب سایت

 دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 
قرار دادن ویدئو در صفحه توسط html5 بسیار آسان است و از قرار دادن تصویر در صفحه سخت تر نیست. در این مقاله مزایای استفاده از ابزار اجرا کننده داخلی ویدئو مرورگر بحث خواهد شد. به راحتی می توانیم با استفاده از تگ <video> و بدون استفاده از هیچ پلاگین خارجی ویدئو را اجرا نماییم.پیش نیازهامی بایست از Chrome, Safari یا Internet Explorer 9+ استفاده نمایید. در مرورگرهای Firefox و Opera این کد به دلیل تداخل با ابزارهای داخلی مرورگر کار نمی کند. برای انجام این کار می بایست فرمت ویدئو شما .mp4 باشد.ایجاد فریم ورک اصلیکد زیر برای ایجاد فریم ورک ویدئو پلیر می باشد. این کد یک لایه بندی ساده برای ویدئو می سازد. دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 چیزی است شبیه به این:[align=left !important] 
کد php:
<!DOCTYPE html>  
<
html>  
<
head>  
    <meta charset="utf-8">     
 
<title>HTML5 Video Player</title>     
 
<style>         
 body 
{                  font-familysans-serif;                  border0;                  margin0;                  padding0;          }       
   header 
{                  text-aligncenter;          }        
  
#player {                  display: table;                  width: 100%;                  padding: 4px;          }         
 #player > div {                  display: table-cell;                  vertical-align: top;          }      
</style
 </
head>  
<
body>      
<header>        
  
<h1>HTML5 Video Player</h1>     
 
</header>    
  
<section id="player">         
 
<div>                  <!-- The video will appear here-->        
  
</div>      
</section>  
</
body
 </
html
هم اکنون کادر ویدئو ایجاد گردید می بایست ویدئو به صفحه اضافه شود.استفاده از تگ video برای اضافه نمودن ویدئو به صفحهکد اضافه نمودن ویدئو به صفحه وب سایت کمی پیچیده تر از اضافه کردن تصویر به وب سایت می باشد برای اضافه کردن ویدئو به صفحه سایت می بایست از تگ <video> استفاده نمایید.[align=left !important] 
کد php:
<video src="[ YOUR VIDEO ].mp4"  controls  width="720" height="480">
  
Your browser does not support the video elementplease #D try <a href="videos/VID_20120122_133036.mp4">downloading the video instead</a>  
</video
در بخش src می بایست آدرس فایل ویدئو داده شود. بخش controls اعلام می نماید که شما می خواهید ویدئو ابزارهای استاندارد کنترل ویدئو را داشته باشد. width و height نیز طول و عرض ویدئو در صفحه می باشند و در صورتی که مرورگر از المان <video> پشتیبانی ننماید متن داخل المان <video> نمایش داده می شود.نتیجهبه طوری که می بیند وب در حال تغییر است و به طوری که می بینید قبلا برای نمایش ویدئو در سایت مجبور بودید از پلاگین های مختلف برای انجام این کار استفاده نمایید. ولی هم اکنون این کار توسط خود مرورگر انجام می شود. html5 به شما این قابلیت را می دهد که به آسانی ویدئو خود را در صفحه و توسط خود مرورگر نمایش دهید. البته در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 خود در نظر داشته باشد که این کد فقط برای مرورگرهای مدرن سازگاری کامل دارد. برای آنکه ویدئو شما در تمامی مرورگرها اجرا شود می بایست از پلاگین ها به مانند فلش ویدئو پلیر استفاده نمایید.
لینک منبع:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
03-02-2014 05:02 PM
نقل قول این ارسال در یک پاسخ





کاربرانِ درحال بازدید از این موضوع: 1 مهمان
                                 علم تجربه ای است شیرین و بی پایان کلیه حقوق مادی و معنوی این وب سایت برای انجمن های تخصصی HTML محفوظ می باشد                   طراحی و اجرا : سرورنگار