npo-at/template-video.php at master · pedectrian/npo-at · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<?php
/*
 * Template Name: video
 *
 * Template for displaying video page. Need some optimization via page attachments.
 *
 * @package WordPress
 * @subpackage npoat
 * @since npoat 2.0.1
 *
 */
	wp_enqueue_script( 'jquery-cycle', get_template_directory_uri() . '/js/jquery.cycle.js', array( 'jquery' ) );
?>
<?php get_header() ?>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('.videothumb').click(function() {
			$('#videoplayer').show();
			var vid=$(this).attr("video");
			$('#videocont').empty().html('<iframe type="text/html" width="680" height="470" src="http://www.youtube.com/embed/'+vid+'" frameborder="0"></iframe>');

			return false; //не уходим по ссылке
		});
	});
</script>

<div class="container_16 content-wrapper">
			<?php while ( have_posts() ) : the_post(); ?>
				<div class="grid_4 sidebar">
					<div class="page-title">
						<h2><?php $parent_title = get_the_title($post->post_parent); echo $parent_title?></h2>
						<ul class="child-pages">
							<?php
								if($post->post_parent) {
									$children = wp_list_pages( "title_li=&child_of=".$post->post_parent."&echo=0" );
								} else {
									$children = wp_list_pages( "title_li=&child_of=".$post->ID."&echo=0" );
								}
								if ($children) {
									echo $children;
								}
							?>
						</ul>
					</div>
				</div>
				<div class="grid_12 content-single-page">
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

					<div class="post-content">
						<div id="page_post_text" style="padding: 0 10px;">
							<div id="videoplayer">
								<div id="videocont"><iframe width="680" height="470" frameborder="0" src="http://www.youtube.com/embed/IPGlLVfq7hM" type="text/html"></iframe></div>
							</div>
							<div id="videoprevs" style="padding-top: 10px;">
								<div class="grid_3 alpha" style="text-align: center">
									<a class="videothumb" href="http://www.youtube.com/watch?v=IPGlLVfq7hM" video="IPGlLVfq7hM" title="AR-600" style="display: block;">
										<img src="http://img.youtube.com/vi/IPGlLVfq7hM/2.jpg" alt="AR-600 " />
									</a>
									<a class="videothumb" href="http://www.youtube.com/watch?v=IPGlLVfq7hM" video="IPGlLVfq7hM" title="AR-600" style="display: block;">
										AR-600
									</a>
								</div>
								<div class="grid_3" style="text-align: center">
									<a class="videothumb" href="http://www.youtube.com/watch?v=BN6x2GDpBac" video="BN6x2GDpBac" title="Elements of motion" style="display: block;">
										<img src="http://img.youtube.com/vi/BN6x2GDpBac/2.jpg" alt="Elements of motion" />
									</a>
									<a class="videothumb" href="http://www.youtube.com/watch?v=BN6x2GDpBac" video="BN6x2GDpBac" title="Elements of motion" style="display: block;">
										<span class="display: inline-block; width: 100px;">Движения АР-600</span>
									</a>
								</div>
								<div class="grid_3" style="text-align: center">
									<a class="videothumb" href="http://www.youtube.com/watch?v=W3bVrgEMEno" video="W3bVrgEMEno" title="Svarka" style="display: block;">
										<img src="http://img.youtube.com/vi/W3bVrgEMEno/2.jpg" alt="Svarka" />
									</a>
									<a class="videothumb" href="http://www.youtube.com/watch?v=W3bVrgEMEno" video="W3bVrgEMEno" title="Svarka" style="display: block;">
										<span class="display: inline-block; width: 100px;">Сварка</span>
									</a>
								</div>
								<!--<a class="videothumb" href="http://www.youtube.com/watch?v=FXnSBg0_wIE" video="FXnSBg0_wIE" title="Technical vision">
									<img src="http://img.youtube.com/vi/FXnSBg0_wIE/2.jpg" alt="Technical vision" />Техническое зрение
								</a>-->
							</div>
						</div>
					</div>
				</div><!-- #post-<?php the_ID(); ?> -->
			<?php endwhile; ?>
			</div>
		</div>
<?php get_footer(); ?>