add qzr video page

This commit is contained in:
wlx 2013-03-21 01:54:43 +00:00
parent e70bd85ced
commit d780492922
1 changed files with 19 additions and 17 deletions

View File

@ -19,6 +19,9 @@ if(!empty($this->infos['keyword'])) $keyword = $this->infos['keyword']; else $ke
</div> </div>
</div> </div>
<div id='right'> <div id='right'>
<p>视频摘要Abstract of the video</p>
<p>Extreme Railway: Qinghai-Tibet Railway Engineer Pasi Lautala takes a look at the hi-tech solutions employed by the Chinese government in building the Qinghai-Tibet railway, which runs all the way from Xining to Lhasa. The 1000 kilometre track was planned over 50 years ago but had to wait until modern technology and engineering know-how could help to overcome the harsh environment of the Tibetan plateau. Permafrost, thin air and sand still threaten the amazing achievement which includes 675 bridges and the worlds highest tunnel. 140,000 labourers built the railway with the help of 2,000 medics who were needed to deal with altitude sickness. Lautala follows the trains route and looks at the structural solutions devised by Chinas top engineers.</p>
<script type="text/javascript"> <script type="text/javascript">
//<![CDATA[ //<![CDATA[
$(document).ready(function(){ $(document).ready(function(){
@ -26,7 +29,7 @@ $(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({ $("#jquery_jplayer_1").jPlayer({
ready: function () { ready: function () {
$(this).jPlayer("setMedia", { $(this).jPlayer("setMedia", {
flv: "<?= 'http://'.$_SERVER['SERVER_NAME'] ?>/upload/flash/extreme_railway_chs.flv", flv: "<?= 'http://'.$_SERVER['SERVER_NAME'] ?>/images/National Geographic Megastructures Extreme Railway.flv",
//poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png" //poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png"
}); });
}, },
@ -38,7 +41,6 @@ $(document).ready(function(){
cssClass: "jp-video-360p" cssClass: "jp-video-360p"
} }
}); });
}); });
//]]> //]]>
</script> </script>
@ -47,7 +49,7 @@ $(document).ready(function(){
<div id="jquery_jplayer_1" class="jp-jplayer"></div> <div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div class="jp-gui"> <div class="jp-gui">
<div class="jp-video-play"> <div class="jp-video-play">
<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a> <a href="javascript:;" class="jp-video-play-icon" tabindex="2">play</a>
</div> </div>
<div class="jp-interface"> <div class="jp-interface">
<div class="jp-progress"> <div class="jp-progress">
@ -59,27 +61,27 @@ $(document).ready(function(){
<div class="jp-duration"></div> <div class="jp-duration"></div>
<div class="jp-title"> <div class="jp-title">
<ul> <ul>
<li>Big Buck Bunny Trailer</li> <li>National Geographic Megastructures Extreme Railway</li>
</ul> </ul>
</div> </div>
<div class="jp-controls-holder"> <div class="jp-controls-holder">
<ul class="jp-controls"> <ul class="jp-controls">
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> <li><a href="javascript:;" class="jp-play" tabindex="2">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> <li><a href="javascript:;" class="jp-pause" tabindex="2">pause</a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li> <li><a href="javascript:;" class="jp-stop" tabindex="2">stop</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li> <li><a href="javascript:;" class="jp-mute" tabindex="2" title="mute">mute</a></li>
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li> <li><a href="javascript:;" class="jp-unmute" tabindex="2" title="unmute">unmute</a></li>
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li> <li><a href="javascript:;" class="jp-volume-max" tabindex="2" title="max volume">max volume</a></li>
</ul> </ul>
<div class="jp-volume-bar"> <div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div> <div class="jp-volume-bar-value"></div>
</div> </div>
<ul class="jp-toggles"> <ul class="jp-toggles">
<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li> <li><a href="javascript:;" class="jp-full-screen" tabindex="2" title="full screen">full screen</a></li>
<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li> <li><a href="javascript:;" class="jp-restore-screen" tabindex="2" title="restore screen">restore screen</a></li>
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li> <li><a href="javascript:;" class="jp-repeat" tabindex="2" title="repeat">repeat</a></li>
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li> <li><a href="javascript:;" class="jp-repeat-off" tabindex="2" title="repeat off">repeat off</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -90,7 +92,7 @@ $(document).ready(function(){
</div> </div>
</div> </div>
</div> </div>
<p><a href="/images/National Geographic Megastructures Extreme Railway.avi">AVI版本下载</a></p>
<p> <p>
<?php echo $this->infos['body'];?> <?php echo $this->infos['body'];?>
</p> </p>