Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,967

HOME > PHP > PHP Forum > ขอโค๊ด ตัวอย่างเพิ่มเสียงลดเสียงของ youtube แบบ iframe หน่อยครับ ใครที่เคยทำข้อคำแนะนำด้วยครับ



 

ขอโค๊ด ตัวอย่างเพิ่มเสียงลดเสียงของ youtube แบบ iframe หน่อยครับ ใครที่เคยทำข้อคำแนะนำด้วยครับ

 



Topic : 108804



โพสกระทู้ ( 286 )
บทความ ( 0 )



สถานะออฟไลน์




http://warz.in/
ขอโค๊ด ตัวอย่างเพิ่มเสียงลดเสียงของ youtube แบบ iframe หน่อยครับ
ใครที่เคยทำข้อคำแนะนำด้วยครับ



Tag : PHP, MySQL, HTML/CSS, JavaScript, CakePHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-05-31 17:20:36 By : aibot View : 1953 Reply : 6
 

 

No. 1



โพสกระทู้ ( 5,134 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


http://badsyntax.github.io/jquery-youtube-player/

ลองใช้ plugin ตัวนี้ดูครับ ผมว่าสะดวกมากมาย
แต่ถ้าจะให้ปรับเสียง Volume
ผมคงต้องไปค้นในสคริปเก่า ๆที่เคยเขียนโดยใช้ Jquery Ui แต่ไม่ทราบจะเจอหรือเปล่า
หรือ จขกท. อาจทำได้ก่อนก็เป็นได้






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-05-31 20:37:03 By : deawx
 


 

No. 2



โพสกระทู้ ( 286 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณครับเเต่ที่ต้องการจริงๆคือเพิ่มเสียงลดเสียง เเต่ถ้ามันไม่ได้จริงคงต้องใช้ iframe แบบมีเพิ่มเสียงลดเสียงแต่ยังไงก็ขอบคุณมากครับที่สะละเวลามาช่วยเหลือ ขอบคุณมากครับ :)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-05-31 21:19:08 By : aibot
 

 

No. 3



โพสกระทู้ ( 286 )
บทความ ( 0 )



สถานะออฟไลน์


เจอเเล้วหละครับขอบคุณมาก เพื่อใครอยากได้ http://tikku.com/jquery-youtube-tubeplayer-plugin#tubeplayer_tutorial_4
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-05-31 21:31:36 By : aibot
 


 

No. 4



โพสกระทู้ ( 5,134 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


โว้ววววว ขอบคุณครับสำหรับ Plugin ที่แนะนำ
กำลังค้นหา เจอสคริปที่เคยโมดิฟายไว้ โมดิฟายใหม่ให้เข้ากะ Jquery รุ่นใหม่

Code (PHP)
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
 <style>
.youtube-player{font-size:86%;position:relative;}
.youtube-player-toolbar{background:#ff6600;margin:.1em 0 0 0;}
.youtube-player-toolbar li.youtube-player-time{float:right;font-weight:normal;font-size:13px;line-height:28px;margin:0pt 5px 0pt 0pt;padding:0;display:none;cursor:default;}
.youtube-player-object{border:1px solid #282828;}
.youtube-player-toolbar li{cursor:pointer;float:left;list-style:none outside none;margin:2px;padding:4px 0;}
.youtube-player-toolbar li span.ui-icon{float:left;margin:0 4px;}
.youtube-player-playlist-container{border:1px solid #282828;margin-top:.2em;position:relative;display:none;}
.youtube-player-playlist{list-style:decimal;overflow:auto;margin:2px;padding:0;}
.youtube-player-playlist li{overflow-x:hidden;border:0;cursor:pointer;text-decoration:none;list-style:decimal;padding:2px 4px 2px;white-space:nowrap;font-size:13px;}
.youtube-player-playlist .youtube-player-thumb{float:left;height:90px;width:124px;list-style:none;overflow:hidden;}
.youtube-player-playlist .youtube-player-thumb img{height:90px;width:124px;}
.ui-state-default,.ui-widget-content .ui-state-default{background:-9999px -9999px;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:50% 50%;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:#333;}
</style>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>  
<script src="http://badsyntax.github.io/jquery-youtube-player/js/jquery.youtube.player.js"></script>  
  <meta charset="utf-8">
  <title>YOUTUBE PLAYLIST</title>
</head>
<body> 

<div style="border: 1px solid rgb(255, 102, 0); width: 450px; padding:5px;">  
		<div class="youtube-player"  >
			<div class="youtube-player-video"><div class="youtube-player-object">You need Flash player 8+ and JavaScript enabled to view this video.</div></div>
		</div> 
		<div id="volume"></div>
		<div id="toolbar"></div>
		Timer: <div id="time" style="display:inline"></div>
</div>

  <script>
    $(function() {
        $( "#volume" ).slider({
            orientation: "horizontal",
            range: "min",
            value: 50,
            min: 0,
            max: 100,
            slide: function(event, ui) {
                $('.youtube-player-video object').get(0).setVolume(ui.value);
                $("#amount").val(ui.value);
            }  
        });
        $("#amount").val($("#volume").slider("value"));
});
(function($){
            var config =  {
                toolbarAppendTo: '#toolbar',    // selector
              //  playlistAppendTo: '#playlist',    // selector
                timeAppendTo: '#time',        // selector

                // Custom playlist
                playlist: {
                    title: 'Random videos',
                    videos: [
                        { id: 'hPzNl6NKAG0', title: 'แมวเหมียวๆ' }
                    ]
                }
            };
            $('.youtube-player').player(config);
        })(this.jQuery);
    </script>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-06-01 01:11:42 By : deawx
 


 

No. 5



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-06-01 10:00:38 By : mr.win
 


 

No. 6



โพสกระทู้ ( 286 )
บทความ ( 0 )



สถานะออฟไลน์


@deawx ครับ ทำไมผมเปลี่ยน autoplay ใน (jquery.youtube.player.js) เป็น 1 เเล้วคลิปถึงไม่เล่นเองหรอครับต้องเเก้ตรงไหนหรอครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-06-21 23:55:33 By : aibot
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอโค๊ด ตัวอย่างเพิ่มเสียงลดเสียงของ youtube แบบ iframe หน่อยครับ ใครที่เคยทำข้อคำแนะนำด้วยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , pangpond.com , pangpond.co.th , สำนักงานบัญชี.com , รถมือสอง

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2022 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่