您的位置:首页 > Web前端 > 其它 > 正文

在网页中嵌入视频

更多 时间:2015-5-3 类别:Web前端 浏览量:1833

在网页中嵌入视频

在网页中嵌入视频

将自己的视频先上传到优酷,土豆等一些大的视频网站,然后再将优酷,土豆上的视频通过分享代码嵌入自己的网站上(优酷为例)

方式一、连接地址

 

  •  
  • HTML 代码   复制
  • 
    <embed type=”application/x-shockwave-flash” src=”url?VideoIDS=XNDQ4ODMzMzQ4=&isAutoPlay=false&isShowRelatedVideo=false&embedid=-&showAd=0″ id=”movie_player” name=”movie_player” bgcolor=”#FFFFFF” quality=”high” wmode=”transparent” allowfullscreen=”true”
    
    flashvars=”isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MM
    
    Control=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999″
    
    pluginspage=”http://www.macromedia.com/go/getflashplayer” width=”450″ height=”327″></embed>
    
    		
  •  

    方式二、html代码嵌入

    <embed src="优酷视频地址" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>

     

    方式三、iframe代码嵌入

    <iframe height=498 width=510 src="优酷视频地址" frameborder=0 allowfullscreen></iframe>

     

     

    方式四、优酷开发平台

    1、ie下要有<html/><body/>才能显示正常
    2、如果播放器不能显示,请给播放器外层<li/>增加宽度和高度样式

    3、使用代码

     

  •  
  • HTML 代码   复制
  • 
    <li id="youkuplayer" style="width:480px;height:400px"></li>
    
    <script type="text/javascript" src="http://player.youku.com/jsapi">
    
    player = new YKU.Player('youkuplayer',{
    
    styleid: '0',
    
    client_id: '替换成您申请的优酷开放平台的client_id',
    
    vid: '替换成优酷视频ID'
    
    });
    
    
    </script>
    
    		
  •  
  •  
  •  

    标签:Web开发