flash object实现视频播放效果

html:

<!--视频缩略图开始-->
       <div class="fresh-media fresh-type-video">
          <div class=" fresh-media-small-img fresh-media-small-video">
              <img src="http://r01.xesimg.com/dynamic/dc6b746db5892f33ecac662ec1baf3d9_small.jpg">
              <a href="javascript:void(0);" class="fresh-video-play"></a>
          </div>
       </div>
       <!--视频缩略图结束-->
       <!--视频大图播放开始-->
       <div class="fresh-media fresh-media-expand fresh-media-expand-video hiding" data-url="http://www.xueersi.com/video/getDynVideo/1989">
       </div>
       <!--视频大图播放结束-->

js:

var fresh = fresh || {};

fresh.media = fresh.media || {};

fresh.media.video = fresh.media.video || {};

fresh.media.video.videoPlay = function(dom){
        var videoBox = $(dom).closest(‘.fresh-type-video‘);
        //视频div层显示
        videoBox.next().show();
        //视频缩略图隐藏
        videoBox.hide();//图隐藏
        var url = videoBox.next().data(‘url‘);
        var video_html =‘<div class="fresh-media-big-video">‘
                            + ‘<p class="fresh-media-packUp"><a href="javascript:void(0);" class="fresh-packUp-video">收起</a></p>‘
                            + ‘<div id="flashcontent" style ="height:408px;">‘
                            + ‘<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="408" width="600"> ‘
                            + ‘<param name="movie" value="http://www.xueersi.com/flash/xueersiPlayer.swf" />‘
                            + ‘<param name="quality" value="high" />‘
                            + ‘<param name="wmode" value="opaque" />‘
                            + ‘<param name="allowscriptaccess" value="always">‘
                            + ‘<param name="allowFullScreen" value="true" />‘
                            + ‘<param name="swfversion" value="9.0.115.0" />‘
                            + ‘<param name="FlashVars" value="url=‘+ url +‘/&autoPlay=true" />‘
                            + ‘<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->‘
                            + ‘<param name="expressinstall" value="./player/expressInstall.swf" />‘
                            + ‘<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> ‘
                            + ‘<!--[if !IE]>-->‘
                            + ‘<object type="application/x-shockwave-flash" data="http://www.xueersi.com/flash/xueersiPlayer.swf" height="100%" width="100%">‘
                            + ‘<!--<![endif]-->‘
                            + ‘<param name="quality" value="high" />‘
                            + ‘<param name="wmode" value="opaque" />‘
                            + ‘<param name="allowscriptaccess" value="always">‘
                            + ‘<param name="allowFullScreen" value="true" />‘          
                            + ‘<param name="swfversion" value="9.0.115.0" />‘         
                            + ‘<param name="expressinstall" value="player/expressInstall.swf" />‘
                            +‘<param name="FlashVars" value="url=‘+ url +‘/&autoPlay=true" />‘
                            +‘<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->‘
                            +‘<div>‘
                            +‘<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>‘
                            +‘<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" height="33" width="112" /></a></p>‘
                            +‘</div>‘
                            +‘<!--[if !IE]>-->‘
                            +‘</object>    ‘       
                            +‘<!--<![endif]-->‘
                            +‘</object>‘
                          + ‘</div>‘
                        + ‘</div>‘;
        videoBox.next().html(video_html);  
    }

点击播放调用函数:

//点击视频小图显示视频大图效果
    $(‘.fresh-main-wrapper‘).off(‘click‘, ‘.fresh-type-video .fresh-media-small-video‘).on(‘click‘, ‘.fresh-type-video .fresh-media-small-video‘, function(){
        fresh.media.video.videoPlay(this);
    });

时间: 2024-10-13 22:46:42

flash object实现视频播放效果的相关文章

如何让Div层悬浮在Flash Object对象之上?

如果想让某个图片或者Div层悬浮在别的对象之上,一般的方法是用CSS的z-index来定义.z-index的数值越大,对象越在上面. 但面对flash object对象,z-index无论调多大,你的对象总是在object下面. 这时你需要在Object的<object>...</object>标签内部加入一个参数 <param name="wmode" value="transparent"> ,具体含意为object的透明模式

Flash &lt;object&gt;标签含义解析

<div class="swfCon">     <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="900">         <param name="movie" value="${ctx }/flash/

Flash 环境 全屏效果

//stage.align=StageAlign.TOP; // 自由压缩 全屏 不固定分辨率 //stage.scaleMode=StageScaleMode.EXACT_FIT; //不允许压缩 全屏会剪切掉多余的内容 //stage.scaleMode=StageScaleMode.NO_SCALE; //等比缩放 //stage.scaleMode=StageScaleMode.SHOW_ALL; //指定整个应用程序填满指定区域,不会发生扭曲,但有可能会进行一些裁切,同时保持应用程序的

仿flash的文字动画效果

.tips{ font-size: 24px; font-family: sans-serif; font-weight: 600; text-shadow: 1px 1px #ffb700; color:#000; background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(#fff),to(#000)); background:linear-gradient(90deg,#000,#fff,#000)

利用&lt;object&gt;和&lt;embed&gt;实现视频播放

直接使用<object>或<embed>都可以实现视频播放,那么两者的区别是什么? 1.是为了兼容不同浏览器,IE只支持对Object的解析:火狐,谷歌,Safari只支持对Embed的解析.2.object标签用clsid表示控件的唯一id,而embed标签用type表示插件的唯一名称.比如flash插件type为:application/x-shockwave-flash,mp3播放插件type为audio/mpeg.3.为了兼容多个浏览器,可以通过ie浏览器动态加载Objec

各浏览器下使用 OBJECT 元素和 EMBED 元素嵌入 Flash 存在差异

标准参考 OBJECT 元素定义了一个嵌入的对象.其引入的初衷是取代 IMG 和 APPLET 元素.不过由于安全等各方面原因以及缺乏浏览器支持,这一初衷并未实现.浏览器的对象支持依赖于对象类型.然而,即便是相同的对象类型,各主流浏览器也都 使用了不同的代码来加载. classid 属性用于指定对象实现的 URI 地址.它可能用来替代或者配合 data 属性,这由引入的对象决定.codebase 属性指定了一个为 classid.data.archive 属性的相对 URI 提供基本路径.缺省情

Flash 开发环境搭建和文字滚动效果实例

一.Flash 开发环境搭建 Flash发布的时候可以将资源(即将库中的元件)集成到swf运行文件中.Flash没有代码自动输入补全功能,因此需要一个英文一个英文手工输入,这样要记住很多系统类和方法.而FlashDevelop由代码自动输入补全功能,防止输入过程中出现错误,并提高代码编写效率,使我们将注意力集中到逻辑代码编写中. 1.安装Flash CS3或CS4.CS5. 我安装的是Flash CS4 下载Flash CS4.点击下一步.下一步就可以. 2.安装FlashDevelop, 安装

仿flash的幻灯片轮播效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

object flash

<!-- html插入flash --> <object type="application/x-shockwave-flash" width="100" height="200"> <param name="movie" value="my.swf" /> <param name="quality" value="high"