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

@ -18,7 +18,10 @@ if(!empty($this->infos['keyword'])) $keyword = $this->infos['keyword']; else $ke
<?= $this->partial('qzr/navi.phtml'); ?>
</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">
//<![CDATA[
$(document).ready(function(){
@ -26,7 +29,7 @@ $(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(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"
});
},
@ -38,7 +41,6 @@ $(document).ready(function(){
cssClass: "jp-video-360p"
}
});
});
//]]>
</script>
@ -47,7 +49,7 @@ $(document).ready(function(){
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div class="jp-gui">
<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 class="jp-interface">
<div class="jp-progress">
@ -59,27 +61,27 @@ $(document).ready(function(){
<div class="jp-duration"></div>
<div class="jp-title">
<ul>
<li>Big Buck Bunny Trailer</li>
<li>National Geographic Megastructures Extreme Railway</li>
</ul>
</div>
<div class="jp-controls-holder">
<ul class="jp-controls">
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" 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-volume-max" tabindex="1" title="max volume">max volume</a></li>
<li><a href="javascript:;" class="jp-play" tabindex="2">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="2">pause</a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="2">stop</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="2" title="mute">mute</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="2" title="max volume">max volume</a></li>
</ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<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-restore-screen" tabindex="1" 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-off" tabindex="1" title="repeat off">repeat off</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="2" title="restore screen">restore screen</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="2" title="repeat off">repeat off</a></li>
</ul>
</div>
</div>
@ -89,8 +91,8 @@ $(document).ready(function(){
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
</div>
<p><a href="/images/National Geographic Megastructures Extreme Railway.avi">AVI版本下载</a></p>
<p>
<?php echo $this->infos['body'];?>
</p>