رفتن به مطلب

سوال درمورد html5 و وردپرس


پست های پیشنهاد شده

سلام دوستان من میخوام از عنصر video و audio اچ تی ام 5 در ورد پرس استفاده کنم که در ادامه مطلب کاربرا بتونن فایل صوتی و تصویری رو قبل از دانلود ببینن لطفا یه راهنمایی بکنید و کد صحیح رو هم اگه ممکنه برای هر دو عنصر بدید با تشکر

لینک به ارسال

با استفاده از shortcode:


function html5_video($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"width" => '',
"height" => ''
), $atts));
return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
}
add_shortcode('video5', 'html5_video');

function html5_audio($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"autoplay" => '',
"preload"=> 'true',
"loop" => '',
"controls"=> ''
), $atts));
return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer />';
}
add_shortcode('audio5', 'html5_audio');



[video5 src="http://your-site/videos/your-video.mp4" width="720" height="480"]
[audio5 src="http://your-site/videos/your.mp3" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

افزونه:

http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/

http://wordpress.org/extend/plugins/secure-html5-video-player/

http://wordpress.org/extend/plugins/videojs-html5-video-player-for-wordpress/

http://wpmu.org/10-beautiful-html5-video-audio-players-for-wordpress/

لینک به ارسال

کدکها مختلف هست. بهتره ویدئویی را از سایتهایی مانند آپارات را هم تست کنید

اینم تست کنید: JW Player for WordPress – Flash & HTML5 Video Player

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...