<style>
body{direction: rtl;color:#000;font-family:Tahoma;font-size:14px}textarea{background:url("http://up.makuonline.ir/textra.png") repeat scroll 0 0 rgba(0,0,0,0);border:1px dashed #000;border-radius:10px;color:#000;direction:ltr;height:150px;margin-top:15px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:7px;resize:none;width:500px}input{background-color:#fff;border:2px solid#000;border-radius:4px;color:#000;direction:ltr;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:700;margin-bottom:5px;margin-top:5px;max-width:100%;padding:6px;text-shadow:none}select{font-size:16px;max-width:100%}button{background-color:#3abec0;border:1px solid#3abec0;border-radius:3px;color:#000;cursor:pointer;font-family:tahoma;margin-right:5px;margin-top:10px;padding:5px}button:hover{background-color:#f81a3d;border:1px solid#3abec0;border-radius:3px;color:#eee;margin-right:5px;margin-top:10px;padding:5px}textarea:hover{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px#3abec0;transition:all 0.1s ease 0s}textarea:focus{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px#3abec0;transition:all 0.1s ease 0s}table{text-align:center;margin: 0 auto;}
</style>
<script>
function makuonline() {
var audiovideo=document.getElementById('audiovideo').value;
var controls=document.getElementById('controls').value;
var file=document.getElementById('file').value;
var autoplay=document.getElementById('autoplay').value;
var loop=document.getElementById('loop').value;
var width=document.getElementById('width').value;
var size=document.getElementById('size').value;
var makuonlineabzar='<!-- player for makuonline.ir -->\n<'+audiovideo+' '+controls+' '+autoplay+' '+loop+' preload style="width:'+width+''+size+'" src="'+file+'">مرورگر شما قدیمی میباشد لطفا مرورگر خود را آپدیت کنید</'+audiovideo+'>\n<div style="display:none"><h2><a href="http://makuonline.ir">ماکو آنلاین</a></h2></div>\n<!-- player for makuonline.ir -->';
document.getElementById('code').value=makuonlineabzar;}
</script>
<table><tr><td>
لینک موزیک یا ویدئو:
<input id="file" dir="rtl" style="width: 350px;" placeholder="مثال: http://example.com/test.mp3"></input>
<br><br>
انتخاب نوع پخش کننده: <select id="audiovideo">
<option selected="selected" value="audio">پخش کننده صوتی</option>
<option value="video">پخش کننده تصویری</option>
</select>
<br><br>
اضافه کردن دکمه های کنترل: <input name="controls" type="checkbox" value="controls" id="controls">
پخش اتوماتیک: <input name="autoplay" type="checkbox" value="autoplay" id="autoplay">
تکرار موزیک یا ویدئو: <input name="loop" type="checkbox" value="loop" id="loop">
<br><br>
عرض پخش کننده: <input id="width" dir="rtl" style="width:50px;" value="200"></input>
<select id="size">
<option selected="selected" value="px">px</option>
<option value="%">%</option>
</select>
<br><br>
<button type="button" value="پیش نمایش کد بالا" onclick="makuonline();javascript:M=window.open('','','toolbar=no,directories=no,menubar=no,scrollbars=yes');M.document.write(document.getElementById('code').value);" name="code1">پیش نمایش</button>
<br><br>
<textarea id="code" name="code" cols="50" readonly="readonly" onfocus="javascript:this.select();" onclick="javascript:this.select();"></textarea>
</td></tr></table>