<style>
@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {
	#name_sura{width:75%;}
	#revelation_sura{display:none !important;}
	#nom_arabe_sura{display:none !important;}
	#nbr_verse_sura{display:none !important;}
	#sura_quran_live{width:80%}
	#name_sura{display: block;}
	#verset_arabe{
	direction: rtl;
	font-size: 28px !important;
	margin-top: -7px !important;
	text-align:right !important;
	margin-right:2px;
	color:white;
	padding:10px;

	}
	#verset_trans{
	font-size: 18px !important;
	text-align:left !important;
	color:white;
	padding:5px !important;
	}
#refresh_sura{
	width:100%;
	height:auto;
	box-shadow:0 2px 2px rgba(0,0,0,0.8);
	background-image: url("https://worthmasjid.org/wp-content/plugins/quran-live/inc/bg_verse3.jpg") ;
	background-repeat:repeat-x;
	background-size: auto 100%;
	z-index: 99;
	min-height:300px !important;
}
#bloc_live_quran {
    padding: 4px !important;
}	
#icon_fullscreen {

    padding: 5px;
    position: absolute;
    right: 30px;
    margin-top: 0px !important;
}
#player_quran_live {
position: absolute;
    left: 30px;
}
}

@font-face {
    font-family: "textQuran";
    src: url('https://worthmasjid.org/wp-content/plugins/quran-live/inc/UthmanicHafs1Ver08.otf');
}

#refresh_sura{
	width:100%;
	height:auto;
	min-height:100%;
	box-shadow:0 2px 2px rgba(0,0,0,0.8);
		background-image: url("https://worthmasjid.org/wp-content/plugins/quran-live/inc/bg_verse3.jpg") ;
	background-repeat:repeat-x;
	background-size: auto 100%;	
	
	z-index: 99;
	margin-bottom: 50px;
}
#bg_nature{
	width:100%;
	#box-shadow:0 2px 2px rgba(0,0,0,0.8);

	clear:both;
}
#bloc_live_quran{
	width: 90%;
	margin:auto;
	padding:20px;
	min-height: 300px;
}
#result{
	font-size:18px;
	width:100%;
}
#verset_arabe{
font-family:textQuran !important;
direction: rtl;
font-size: 35px;
margin-top: 5%;
line-height: inherit;
color:white;
}
#verset_trans{
	font-size: 24px;
	color:white;
	line-height: inherit;
}
#au{
	position:relative;
	width:50%;
	display:block;
	margin:auto;
	display:none;
}
#information_quran_live{
    width: 100%;
	height: 60px;
	border-bottom:1px solid #ffffff;
}
#info_quran_live{
	margin: 0 auto;
    width: auto;
    display: table;
}
#sura_quran_live{
	height:30px !important;
}
#audio_live_quran{display:none;}
#btnplay{display:none;cursor:pointer;}
#btnpause{display:none;cursor:pointer;}
#name_sura{height:48px;padding:10px;display:block;float:left;color:#FFFFFF;font-size: 18px;}
#nom_arabe_sura{height:48px;padding:10px;text-align:center;display:block;float:left;color:#FFFFFF;font-size: 18px;}
#revelation_sura{height:48px;padding:10px;display:block;float:left;float:left;color:#FFFFFF;font-size: 18px;}
#nbr_verse_sura{height:48px;padding:10px;display:block;float:left;color:#FFFFFF;font-size: 18px;}
#player_quran_live{display:block;float:left;}
#icon_fullscreen{width:48px;padding:5px;display:block !important;float:left;cursor:pointer;}
</style>
<div id="refresh_sura"><div id="bloc_quran_live">
<div id="information_quran_live">

<div id="info_quran_live">
	<div id="player_quran_live"><img src="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/play.png" alt="Play" id="btnplay" style="display: inline;"></div>
	<div id="player_quran_live"><img src="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/pause.png" alt="Pause" id="btnpause" style="display: none;"></div>	

<div id="name_sura">
<form method="get" name="quranliveselect">
<select name="sura_quran_live" id="sura_quran_live">
<option data-image="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/icon_quran.png" disabled="disabled" selected="selected">Choose Sura</option>				
<option value="1">1. Al-fatiha</option><option value="2">2. Al-baqarah</option><option value="3">3. Al-imran</option><option value="4">4. An-nisa</option><option value="5">5. Al-maidah</option><option value="6">6. Al-anam</option><option value="7">7. Al-araf</option><option value="8">8. Al-anfal</option><option value="9">9. At-tawbah</option><option value="10">10. Yunes</option><option value="11">11. Hud</option><option value="12">12. Youssouf</option><option value="13">13. Ar-rad</option><option value="14">14. Ibrahim</option><option value="15">15. Al-hijr</option><option value="16">16. An-nahl</option><option value="17">17. Al-isra</option><option value="18">18. Al-kahf</option><option value="19">19. Maryam</option><option value="20">20. Ta-ha</option><option value="21">21. Al-anbiya</option><option value="22">22. Al-hajj</option><option value="23">23. Al-mouminoune</option><option value="24">24. An-nour</option><option value="25">25. Al-furqane</option><option value="26">26. Ash-shuara</option><option value="27">27. An-naml</option><option value="28">28. Al-qasas</option><option value="29">29. Al-ankabut</option><option value="30">30. Ar-rum</option><option value="31">31. Luqman</option><option value="32">32. As-sajda</option><option value="33">33. Al-ahzab</option><option value="34">34. Saba</option><option value="35">35. Fatir</option><option value="36">36. Ya-sin</option><option value="37">37. As-saffat</option><option value="38">38. Sad</option><option value="39">39. Az-zumar</option><option value="40">40. Ghafir</option><option value="41">41. Fussilat</option><option value="42">42. Ash-shoura</option><option value="43">43. Azzukhruf</option><option value="44">44. Ad-dukhan</option><option value="45">45. Al-jathya</option><option value="46">46. Al-ahqaf</option><option value="47">47. Muhammad</option><option value="48">48. Al-fath</option><option value="49">49. Al. Hujurat</option><option value="50">50. Qaf</option><option value="51">51. Ad-dariyat</option><option value="52">52. At-tur</option><option value="53">53. An-najm </option><option value="54">54. Al-qamar</option><option value="55">55. Ar-rahman</option><option value="56">56. Al-waqi</option><option value="57">57. Al-hadid - Le Fer</option><option value="58">58. Al-mujadalah</option><option value="59">59. Al-hashr</option><option value="60">60. Al-mumtahanah</option><option value="61">61. As-saff</option><option value="62">62. Al-jumua</option><option value="63">63. Al-munafiqun</option><option value="64">64. At-tagabun</option><option value="65">65. At-talaq</option><option value="66">66. At-tahrim</option><option value="67">67. Al-mulk</option><option value="68">68. Al-qalam</option><option value="69">69. Al-haqqah</option><option value="70">70. Al-ma Arij</option><option value="71">71. Nuh</option><option value="72">72. Al-jinn</option><option value="73">73. Al-muzzammil</option><option value="74">74. Al-muddattir</option><option value="75">75. Al-qiyamah</option><option value="76">76. Al-insan</option><option value="77">77. Al-mursalate</option><option value="78">78. An-naba</option><option value="79">79. An-naziate</option><option value="80">80. Abasa</option><option value="81">81. At-takwir</option><option value="82">82. Al-infitar</option><option value="83">83. Al-mutaffifine</option><option value="84">84. Al-inshiqaq</option><option value="85">85. Al-buraj</option><option value="86">86. At-tariq</option><option value="87">87. Al-ala</option><option value="88">88. Al-gasiyah</option><option value="89">89. Al-fajr</option><option value="90">90. Al-balad</option><option value="91">91. Ash-shams</option><option value="92">92. Al-layl</option><option value="93">93. Ad-duha</option><option value="94">94. As-sarh</option><option value="95">95. At-tin</option><option value="96">96. Al-alaq</option><option value="97">97. Al-qadr</option><option value="98">98. Al-bayyinah</option><option value="99">99. Az-zalzalah</option><option value="100">100. Al-adiyate</option><option value="101">101. Al-qariah</option><option value="102">102. At-takathur</option><option value="103">103. Al-asr</option><option value="104">104. Al-humazah </option><option value="105">105. Al-fil</option><option value="106">106. Quraysh</option><option value="107">107. Al-maun</option><option value="108">108. Al-kawtar</option><option value="109">109. Al-kafiroune</option><option value="110">110. An-nasr</option><option value="111">111. Al-masad</option><option value="112">112. Al-ikhlas</option><option value="113">113. Al-falaq</option><option value="114">114. An-nass</option>
</select>
</form>
</div>
	<div id="revelation_sura"></div>
	<div id="nom_arabe_sura"></div>
	<div id="nbr_verse_sura"></div>
	<div id="icon_fullscreen"><img src="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/icon_fullscreen.png" alt="fullscreen" class="icon_fullscreenkb"></div>
	<!-- next update : fullscreen -->
</div>
</div>
<div id="bg_nature">
<img src="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/play.png" alt="Play" id="btnplay">
<img src="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/pause.png" alt="Pause" id="btnpause">
	<div id="result"><div id="bloc_live_quran"><p id="verset_arabe"></p><p id="verset_trans"></p></div><script>

	jQuery("#verset_trans").insertAfter("#verset_arabe");


</script></div>
</div>
</div>
<div id="data_verse" style="display:none;"></div>
<div id="callback_quran_live" style="display:none;"></div>
</div>
<p id="audio_live_quran">
				<audio controls id="au" autoplay="autoplay" style="display:block;" src="https://quran.s3.fr-par.scw.cloud/verset/Shuraym/1/1.mp3" type="audio/mpeg">
				 Your browser does not support this audio format.
				</audio>
			</p>		
		<script>
		jQuery("#sura_quran_live option[value='1']").attr("selected","selected");
		jQuery("#data_verse").html("<p id='versetranslate-1'>Praise be to God, Lord of the Worlds.</p><p id='versearabic-1'>الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ</p><p id='versetranslate-2'>The Most Gracious, the Most Merciful.</p><p id='versearabic-2'>الرَّحْمَنِ الرَّحِيمِ</p><p id='versetranslate-3'>Master of the Day of Judgment.</p><p id='versearabic-3'>مَالِكِ يَوْمِ الدِّينِ</p><p id='versetranslate-4'>It is You we worship, and upon You we call for help.</p><p id='versearabic-4'>إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ</p><p id='versetranslate-5'>Guide us to the straight path.</p><p id='versearabic-5'>اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ</p><p id='versetranslate-6'>The path of those You have blessed, not of those against whom there is anger, nor of those who are misguided.</p><p id='versearabic-6'>صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ</p><p id='revelation_sura-1'>Meccan</p><p id='nom_arabe_sura-1'>الفاتحة</p><p id='nbr_verse_sura-1'>7</p>");
		
		var c=1;
		var f=7;
		var sura=1;
		
		var revelation_sura = jQuery("#revelation_sura-"+sura+"").text();
		var name_sura = jQuery("#nom_arabe_sura-"+sura+"").text();	
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  		jQuery('#revelation_sura').html(""+revelation_sura+"");
  		jQuery('#nom_arabe_sura').html(""+name_sura+"");
  		jQuery('#nbr_verse_sura').html("1 - 7");	
		jQuery('#name_sura').css("width", "100%");
		jQuery('#name_sura').css("margin-bottom", "5px");
		jQuery('#information_quran_live').css("height", "70px");
		jQuery('#nbr_verse_sura').css("width", "30%");
		jQuery('#nom_arabe_sura').css("width", "30%");
		jQuery('#icon_fullscreen').css("width", "33px");
		jQuery('#icon_fullscreen').css("margin-top", "10px");
}else{
  		jQuery('#revelation_sura').html("Révélation : "+revelation_sura+"");
  		jQuery('#nom_arabe_sura').html("Sura : "+name_sura+"");
  		jQuery('#nbr_verse_sura').html("verse : 1 - 7");	
}	


		var a=document.getElementById("au");
		if(sura == 9 || sura ==1){
			document.getElementById("au").src="https://quran.s3.fr-par.scw.cloud/verset/no.mp3";
			a.load();
		}
		
		a.addEventListener('ended', function(){
			
		if(c<=f){

				document.getElementById("au").src="https://quran.s3.fr-par.scw.cloud/verset/Alafasy/"+sura+"/"+c+".mp3";
		
		a.load();

		var verse_translate = jQuery("#versetranslate-"+c+"").text();
		var verse_arabic = jQuery("#versearabic-"+c+"").text();
		var number_verse = jQuery("#nbr_verse_sura-"+sura+"").text();
		
		jQuery('#verset_trans').html(""+verse_translate+"");
		jQuery('#verset_arabe').html(""+verse_arabic+"");
		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  		jQuery('#nbr_verse_sura').html(""+c+" - 7");
		}else{
		jQuery('#nbr_verse_sura').html("verse : "+c+" - 7");	
		}

		}
		else{
			jQuery("#verset_trans").html('');
			jQuery("#verset_arabe").html('<p style="text-align:center;"><img src="https://worthmasjid.org/wp-content/plugins/quran-live/template/images/ajax-loader.gif"></p>');
			
			jQuery.post(
              ajaxurl,
              {
                    'action': 'qtm_quranlive_load',
					'lang'  : 'english',
					'cheikh': 'Alafasy'
              },
            function(response){

			jQuery("#callback_quran_live").html(response);
		
            }
          );
		}	
		c++;	
	


		
		});
jQuery(document).ready(function($){
      $('#sura_quran_live').on("change", function(){
		$("#verset_arabe").html('<p style="text-align:center;"><img src="'+livequran.pluginsUrl+'/template/images/ajax-loader.gif"></p>');

        var sura = $(this).val();
		
		$("#verset_trans").html('');
		
          jQuery.post(
              ajaxurl,
              {
                    'action': 'qtm_changelivesura',
                    'sura': sura,
					'lang'  : 'english',
					'cheikh': 'Alafasy'
              },
            function(response){
				$('audio').each(function(){
					this.pause(); // Stop playing
					this.currentTime = 0; // Reset time
				}); 
				$("#callback_quran_live").html(response);
            }
          );
				  
		  
      });	
      });	
		</script>
		
		{"id":956,"date":"2025-03-13T06:32:51","date_gmt":"2025-03-13T06:32:51","guid":{"rendered":"https:\/\/worthmasjid.org\/\/?page_id=956"},"modified":"2025-03-13T06:33:40","modified_gmt":"2025-03-13T06:33:40","slug":"education","status":"publish","type":"page","link":"https:\/\/worthmasjid.org\/?page_id=956","title":{"rendered":"Education"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/worthmasjid.org\/index.php?rest_route=\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/worthmasjid.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/worthmasjid.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/worthmasjid.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/worthmasjid.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=956"}],"version-history":[{"count":1,"href":"https:\/\/worthmasjid.org\/index.php?rest_route=\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":957,"href":"https:\/\/worthmasjid.org\/index.php?rest_route=\/wp\/v2\/pages\/956\/revisions\/957"}],"wp:attachment":[{"href":"https:\/\/worthmasjid.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}