소스보기

[HTML]

<iframe src="http://player.vimeo.com/video/12345678" id="vimeo_iframe"></iframe>

[JAVASCRIPT]

jQuery(document).ready(function($){
		
	$(window).load(function() {
		cgs_vimeo_volume_control();
		//window가 로드되면 함수 실행
	});
	
	function cgs_vimeo_volume_control() {
	
		var f = $("#vimeo_iframe");//<iframe src="http://player.vimeo.com/video/12345678" id="vimeo_iframe"></iframe>";
	
		if (!f || !f.attr("src")) return;
	
		var url = f.attr("src").split("?")[0];
	
		var data = {
			"method" : "setVolume",
			"value" : 0
		};//볼륨을 0으로 설정
	
		f[0].contentWindow.postMessage(JSON.stringify(data), url);
	
		var data = {
			"method" : "play",
			"value" : 1
		}//영상 재생
	
		f[0].contentWindow.postMessage(JSON.stringify(data), url);
	}

});

클릭으로 영상 음소거 후 재생 & 일시정지하기

소스보기

[HTML]

<iframe src="http://player.vimeo.com/video/12345678" id="vimeo_iframe"></iframe>

<!-- button -->
<p id="play">재생</p>
<p id="stop">일시정지</p>

[JAVASCRIPT]

jQuery(document).ready(function($){

	vimeo_play_and_stop();
	
	function vimeo_play_and_stop(){
	
	    var f = $("#vimeo_iframe");
	            
	    if(!f || !f.attr("src") ) return;
	            
	    var url = f.attr("src").split("?")[0];
	                           
	    $("#play").click(function(){
	        
            var data = {
	            method : "setVolume",
	            value : 0
	        }
	                
	        f[0].contentWindow.postMessage(JSON.stringify(data), url); 
	            
	        var data = { 
	            method: "play",
	            value: 1 
	        };
	                
	        f[0].contentWindow.postMessage(JSON.stringify(data), url);
	                
	    });
	            
	    $("#stop").click(function(){
	               
	        var data = { 
	            method: "pause",
	            value: 1 
	        };
	                
	        f[0].contentWindow.postMessage(JSON.stringify(data), url);
	                
	    });
	}

});