در پست قبلی طریقه نمایش ویدئوهای شبکه YouTube در سیستم وردپرس با استفاده از Shortcode ها یا کدهای میانبر رو یاد گرفتیم. اما شاید به دلایلی قصد پخش ویدئو یا فایل های صوتی از سرور خودتون رو داشته باشید. برای این کار راحت ترین روش استفاده از کدهای HTML 5 هست که با استفاده از اون میتونید با یک خط کد به سادگی فایل های صوتی و تصویری رو با ظاهری زیبا از سرور خودتون یا حتی سرورهای دیگر پخش کنید! برای مطالعه آموزش به ادامه مطلب مراجعه کنید

همونطور که میدونید کدهای HTML 5 در تمام مرورگرها قابل اجرا نیستند، برای همین جدولی از مرورگرهایی که قابلیت اجرای این کدها رو دارند آماده کردم

نمایش فایل های تصویری

کد زیر را در فایل functions.php بین دو کد

<?php

و

?>

قرار دهید:

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');

و این کد رو داخل پست ها و صفحات سایت استفاده کنید

[video5 src="url" width="720" height="480"]

پخش فایل های صوتی

کد زیر را در فایل functions.php بین دو کد

<?php

و

?>

قرار دهید

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');

و این کد رو داخل پست ها و صفحات سایت استفاده کنید

[audio5 src="url" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

موفق باشید!