D0R4H4X0R SH3LL

Current File : D:/INETPUB/VHOSTS/lensai.com/httpdocs/new/video.php

<?php
include_once 'header.php';
?>

<script type="text/javascript">
	$(function () {
		
		var filterList = {
		
			init: function () {
			
				// MixItUp plugin
				// http://mixitup.io
				$('#portfoliolist').mixitup({
					targetSelector: '.portfolio',
					filterSelector: '.filter',
					effects: ['fade'],
					easing: 'snap',
					// call the hover effect
					onMixEnd: filterList.hoverEffect()
				});				
			
			},
			
			hoverEffect: function () {
			
				// Simple parallax effect
				$('#portfoliolist .portfolio').hover(
					function () {
						$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
						$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');				
					},
					function () {
						$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
						$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');								
					}		
				);				
			
			}

		};
		
		// Run the show!
		filterList.init();
		
		
	});	
	
	
		$('.youtube-popup > div').click(function(){
			window.open($(this).parent().children('iframe').attr("src"));
	});
	
</script>
<style>
	.youtube-popup > div {
	  position: absolute;
	  width: 240px; /* equal to the iframe width */
	  height: 220px; /* equal to the iframe height */
	  top: 0;
	  z-index: 100;
	}
	 .portfolio-wrapper iframe{
			width:100%;
			height:auto;
	}
</style>

  <div class="banner">
	<div class="wrap">
	<!----<h2>Video</h2><div class="clear"></div>-->
	</div>
    </div>
	<div class="main">
		<div class="container">
		   <ul id="filters" class="clearfix">
				 <li><span class="filter active" data-filter="aja_sa Lacrivera Network Medical Ophtec OSI RPS">All</span></li>
				 <li><span class="filter" data-filter="aja_sa">AJL SA</span></li>
                 <li><span class="filter" data-filter="Lacrivera">Lacrivera</span></li>
                 <li><span class="filter" data-filter="Network Medical">Network MedicaL</span></li>
                 <li><span class="filter" data-filter="OSI">OSI</span></li>
				 <li><span class="filter" data-filter="Ophtec">Ophtec</span></li>
                 <li><span class="filter" data-filter="RPS">RPS</span></li>
				 
			</ul>
		    <div class="clear"></div>
		</div>
		   <div id="portfoliolist" style="     " class="">
				<div class="wrapper">
					<?php
						$select=mysqli_query($con, "select * From video");
						while($row=mysqli_fetch_array($select)){		
					?>
                    <div class="portfolio <?php echo$row['category']; ?>" data-cat="<?php echo$row['category']; ?>">
                        <div class="portfolio-wrapper">				
                            <a href="<?php echo $row ['link']; ?>" target="_blank">
                                <div class="youtube-popup">
									<iframe src="<?php echo $row ['link']; ?>"></iframe>
                                    <h4><?php echo substr($row['title'], 0, 35) .((strlen($row['title']) > 35) ? '...' : ''); ?></h4>
									<div>
									</div>
								</div>
                            </a>
                        </div>
                    </div>
						<?php } ?>
                </div>    
				<div class="clear"> </div>
	 	   </div>
	 
	</div>
  <?php include_once 'footer.php'; ?>