bob
/
westdc-zf1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
application/default/views/scripts/qzr/news.phtml
View File

@ -18,7 +18,10 @@ if(!empty($this->infos['keyword'])) $keyword = $this->infos['keyword']; else $ke
<?= $this->partial('qzr/navi.phtml'); ?> <?= $this->partial('qzr/navi.phtml'); ?>
</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 world’s 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 train’s route and looks at the structural solutions devised by China’s 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>
@ -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>. 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>
</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>