视频播放

标签：

1. 使用微软Media Player 播放，可以支持的有 MP4，WMA,AVI 等格式。

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" 
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,1,5,217"
id="MediaPlayer" type="application/x-oleobject" width="480" height="600" standby="Loading Microsoft Windows Media Player components..." viewastext align="MIDDLE">
<param name="Filename" value="../../FileResource/Video/movie.mp4" />
<param name="AudioStream" value="-1" />
<param name="AutoSize" value="0" />
<param name="AutoStart" value="1" />
<param name="AnimationAtStart" value="0" />
<param name="AllowScan" value="-1" />
<param name="AllowChangeDisplaySize" value="0" />
<param name="AutoRewind" value="0" />
<param name="Balance" value="0" />
<param name="BaseURL" value="" />
<param name="BufferingTime" value="5" />
<param name="CaptioningID" value="" />
<param name="ClickToPlay" value="0" />
<param name="CursorType" value="32512" />
<param name="CurrentPosition" value="-1" />
<param name="CurrentMarker" value="0" />
<param name="DefaultFrame" value="1" />
<param name="DisplayBackColor" value="0" />
<param name="DisplayForeColor" value="16777215" />
<param name="DisplayMode" value="0" />
<param name="DisplaySize" value="0" />
<param name="Enabled" value="-1" />
<param name="EnableContextMenu" value="-1" />
<param name="EnablePositionControls" value="0" />
<param name="EnableFullScreenControls" value="0" />
<param name="EnableTracker" value="1" />
<param name="InvokeURLs" value="-1" />
<param name="Language" value="-1" />
<param name="Mute" value="0" />
<param name="PlayCount" value="1" />
<param name="PreviewMode" value="0" />
<param name="Rate" value="1" />
<param name="SAMILang" value="" />
<param name="SAMIStyle" value="" />
<param name="SAMIFileName" value="" />
<param name="SelectionStart" value="0" />
<param name="SelectionEnd" value="true" />
<param name="SendOpenStateChangeEvents" value="-1" />
<param name="SendWarningEvents" value="-1" />
<param name="SendErrorEvents" value="-1" />
<param name="SendKeyboardEvents" value="0" />
<param name="SendMouseClickEvents" value="0" />
<param name="SendMouseMoveEvents" value="0" />
<param name="SendPlayStateChangeEvents" value="-1" />
<param name="ShowCaptioning" value="0" />
<param name="ShowControls" value="1" />
<param name="ShowAudioControls" value="1" />
<param name="ShowDisplay" value="1" />
<param name="ShowGotoBar" value="1" />
<param name="ShowPositionControls" value="1" />
<param name="ShowStatusBar" value="1" />
<param name="ShowTracker" value="1" />
<param name="TransparentAtStart" value="0" />
<param name="VideoBorderWidth" value="0" />
<param name="VideoBorderColor" value="0" />
<param name="VideoBorder3D" value="0" />
<param name="Volume" value="-1070" />
<param name="WindowlessVideo" value="1" />
</object>

             一些备注说明：

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1">
<param name="Filename" value="../../FileResource/Video/movie.wma"/>
<!--你文件的位置-->
<param name="PlayCount" value="1"/>
<!--控制重复次数: “x”为几重复播放几次；x=0，无限循环。-->
<param name="AutoStart" value="0">
<
!--控制播放方式: x=1，打开网页自动播放；x=0，按播放键播放。-->
<param name="ClickToPlay" value="1"/>
<!--控制播放开关:x=1，可鼠标点击控制播放或暂停状态； x=0，禁用此功能。-->
<param name="DisplaySize" value="0">
<!--控制播放画面:x=0，原始大小； x=1，一半大小； x=2，2 倍大小。-->
<param name="EnableFullScreen Controls" value="0">
<!--控制切换全屏:x=1，允许切换为全屏； x=0，禁用此功能。-->
<param name="ShowAudio Controls" value="1">
<!--控制音量:x=1，允许调节音量； x=0，禁止音量调节。-->
<param name="EnableContext Menu" value="1">
<!--控制快捷菜单:x=1，允许使用右键菜单； x=0，禁用右键菜单。-->
<param name="ShowDisplay" value="1">
<!--控制版权信息:x=1，显示电影及作者信息；x=0，不显示相关信息-->
</object>

2. 支持库方式- Video.J

 详细内容访问 videojs.com

 引入部分

    <!-- Chang URLs to wherever Video.js files will be hosted -->
    <!-- Default URLs assume the examples folder is included alongside video.js -->
    <link href="../../resouse/Controls/video-js/video-js.min.css" rel="stylesheet" />
    <script type="text/javascript" src="../../resouse/Controls/video-js/video.js"></script>
    <script type="text/javascript" src="../../resouse/Controls/video-js/lang/zh-CN.js"></script>
    <!-- Include ES5 shim, sham and html5 shiv for ie8 support  -->
    <!-- Exclude this if you don‘t need ie8 support -->
    <script type="text/javascript" src="../../ie8/videojs-ie8.min.js"></script>
    <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
    <script type="text/javascript">
        videojs.options.flash.swf = "../../FileResource/Video/oceans-clip.swf";
  </script>

 HTML 中的 Video标签

<video id="example_video_1" class="video-js vjs-default-skin" 
    controls preload="none" width="640" height="320"
    poster="../../FileResource/Video/oceans-clip.png"
    data-setup="{}">
    <source src="../../FileResource/Video/oceans-clip.mp4" type=‘video/mp4‘ />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type=‘video/webm‘ />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type=‘video/ogg‘ />
    <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- 字母支持Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <p>
        To view this video please enable JavaScript, and consider upgrading to a web browser that 
        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
</video>

3.  更多插件库 JQuery 插件库

这一是个很不错的插件库，推荐大家看一看 JQuery plugin

 

4. Mark 一些问题

• 插件式的方式(Obect 标签)在HTML5 的浏览模式下不被支持，360 在兼容模式下可以播放。

•  ASP.NET 在调试模式下视频无法播放的原因是 虚拟IIS的文件读取问题，在发布后就可以正常播放了

• video 标签在默认情况下无法剧中显示，设置如下样式即可
   

style="clear: both; display: block; margin: auto;"

====================== 我是华丽的分割线===========================================

冰冰，喵

视频播放

标签：

原文地址：http://my.oschina.net/HenuToater/blog/503729