zoukankan      html  css  js  c++  java
  • FLASH视频播放器

    今天要做一个圆角的视频播放界面,我查点就去找那种FLASH播放器来修改了,还好朋友告诉我土豆的站外播放器可以自己调样式的:站外播放器说明

    可惜样子都太有个性,美工画的稿还是跟幼酷比较像,遂还是找了优酷的,背后垫一个圆角矩形,搞定:

    转自蓝叶博客:http://lanye.org/web/youkudiaoyong.html

    优酷现在更新的优酷播放器,增加了开灯关灯特效,蓝叶看着很漂亮,就花了点时间,把这个调用代码找了出来,现在就分享个需要的同学。优酷附带开灯关灯特效新版播放器的站外调用代码如下:


    <p class="playArea">
    <embed type="application/x-shockwave-flash" src="http://static.youku.com/v1.0.0155/v/swf/player.swf?VideoIDS=XMTgyMDc4NTI4" width="600" height="400" id="movie_player" name="movie_player" bgcolor="#FFFFFF" quality="high" allowfullscreen="true" wmode="opaque" allowscriptaccess="always" flashvars="showAd=0&winType=interior&Cp=0&Light=on&THX=&Tid=0&Version=/v1.0.0662&show_ce=1&isAutoPlay=false" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
    </p>

    <div id="playshow_mask" style="display: none; opacity: -0.05; ">
    <div class="light_switch">
    <a href="javascript:;" onClick="Light.turn();">
    </a>
    </div>
    </div>

      复制代码的时候,把代码复制到记事本内过滤的代码,VideoIDS=后面的是视频的ID,这个不多说,不明白的可以找找之前 的写的一片博文就明白了。到这里就是优酷新版播放器的站外调用代码了,如果不需要开关灯特效就无需往下看了,如果需要就继续看说明。复制代码的时候记住一 定要把代码放倒<p class="playArea"></p>中间,不然开关灯特效无法实现。在页脚或页头加入CSS以及要调用的JS,代码如下:

    <script type="text/javascript" src="http://static.youku.com/v1.0.0662/v/js/v4/v4.js">
    </script>
    <style>
    #playshow_mask
    {
    display
    :none;
    width
    :100%;
    height
    :100%;
    filter
    :alpha(opacity=100);
    opacity
    :1.0;
    z-index
    :99;
    background-color
    :#101010;
    position
    :fixed;
    _position
    :absolute;
    top
    :0;
    left
    :0;}
    .playArea
    {
    position
    :relative;
    z-index
    :1000;
    margin
    : 0 auto;}
    </style>
  • 相关阅读:
    Git Cannot rebase: You have unstaged changes.
    importError: DLL load failed when import matplotlib.pyplot as plt
    install tushare in python 3.6
    pd.qcut, pd.cut, df.groupby()等在分组和聚合方面的应用
    从池子里的beta看秋香, 个性迥异
    个股和股票池的beta系数的估算
    检验两个随机序列的beta系数
    spyder里的"查找文件里的特定字符串"非常方便
    地图上道路编号中的G S X Y
    场内的代码表, 感觉水很深
  • 原文地址:https://www.cnblogs.com/haimingpro/p/2697052.html
Copyright © 2011-2022 走看看