少妇做爰免费视频网站色黄-freehdxxxx4kvideos-九九精品在线观看视频-国产农村1级毛片|www.lirzik.com

在網站中如何建立視頻模塊!
admin
2015-09-21 09:50:14
57

 很多企業客戶在企業網站建設中都加入了網站視頻功能,當然視頻的展示形式也有很多種,那么怎么樣建立視頻呢,北京高端網站建設小編為您分享一種建立網站視頻的分享:

<!--視頻中心-->
<style type="text/css">
.div1{border:1px solid #DEDEDE; border-radius:7px;cursor:pointer; float:right; width:280px; padding:5px 10px;width:280px;height:150px;  height:240px;}
.div1 p{ margin: 8px 0px;
text-align: left;
cursor: pointer;
width: 240px;
position: relative;
top: -40px;
z-index: 99;
left: 22px; }
.divv{ display:none; border:0px solid red; width:30%; position:fixed; z-index:999; left:30%; /*height:400px;*/ top:100px; background-color:#FFFFFF;}
.xdiv{z-index:9999;top:9px; border:1px solid #DEDEDE; font:bold 14px/20px; border-radius:50%; margin:5px; width:20px; height:20px; float:right; position:absolute;right:0px;text-align: center;}
</style>
<script language="javascript">
$(function(){
var audio = document.getElementById("mp4"); //獲得對象

$(".mp4").click(function(){
    $(".divv").show(300);
audio.play();//播放

});
$(".xdiv").click(function(){
     $(".divv").hide(300);
  audio.pause();//播放
});
})
</script>
<div class="div1" >
<img src="images/dsd.png" width="100%" class="mp4">
<p>
工程機械案例解決方案
<a href="yingyong.html"><img src="images/more_03.jpg" align="right"></a> 
</p>
        </div>
<!--結束視頻-->
         </div>
 
<div class="divv">
<div class="xdiv">X</div>
<video width="100%" height="380px" controls autobuffer>
<source  src="media/cat.mp4" style="width:100%; height:100%" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source>
</video>
<script type="text/javascript"> 
flowplayer("player", "flowplayer-3.2.7.swf"); 
flowplayer( 
"player2",  
"flowplayer-3.2.7.swf",{ 
 clip: { 
url: "flowplayer.flv", 
autoPlay: false,  
autoBuffering: true  
 } 
); 
</script>

</div>
文章出自:北京網站建設公司-前潮網絡 http://www.lirzik.com 如需轉載請注明,010-57227103.
相關推薦
您想要定制網站嗎?
如果您想要走進互聯網,并且想找一個出色的團隊,那就趕緊聯系我們吧~