|
 |
| |
ขอโค๊ด ตัวอย่างเพิ่มเสียงลดเสียงของ youtube แบบ iframe หน่อยครับ ใครที่เคยทำข้อคำแนะนำด้วยครับ |
| |
 |
|
|
 |
 |
|
http://badsyntax.github.io/jquery-youtube-player/
ลองใช้ plugin ตัวนี้ดูครับ ผมว่าสะดวกมากมาย
แต่ถ้าจะให้ปรับเสียง Volume
ผมคงต้องไปค้นในสคริปเก่า ๆที่เคยเขียนโดยใช้ Jquery Ui แต่ไม่ทราบจะเจอหรือเปล่า
หรือ จขกท. อาจทำได้ก่อนก็เป็นได้
|
 |
 |
 |
 |
| Date :
2014-05-31 20:37:03 |
By :
deawx |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณครับเเต่ที่ต้องการจริงๆคือเพิ่มเสียงลดเสียง เเต่ถ้ามันไม่ได้จริงคงต้องใช้ iframe แบบมีเพิ่มเสียงลดเสียงแต่ยังไงก็ขอบคุณมากครับที่สะละเวลามาช่วยเหลือ ขอบคุณมากครับ :)
|
| |
|
|
| |
| Date :
2014-05-31 21:19:08 |
By :
aibot |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เจอเเล้วหละครับขอบคุณมาก เพื่อใครอยากได้ http://tikku.com/jquery-youtube-tubeplayer-plugin#tubeplayer_tutorial_4
|
| |
|
|
| |
| Date :
2014-05-31 21:31:36 |
By :
aibot |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
โว้ววววว ขอบคุณครับสำหรับ 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 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2014-06-01 10:00:38 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
@deawx ครับ ทำไมผมเปลี่ยน autoplay ใน (jquery.youtube.player.js) เป็น 1 เเล้วคลิปถึงไม่เล่นเองหรอครับต้องเเก้ตรงไหนหรอครับ
|
| |
|
|
| |
| Date :
2014-06-21 23:55:33 |
By :
aibot |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
