视频播放
2015-09-09 13:02
393 查看
使用微软Media Player 播放,可以支持的有 MP4,WMA,***I 等格式。
一些备注说明:
支持库方式- Video.J
详细内容访问 videojs.com
引入部分
HTML 中的 Video标签
更多插件库 JQuery 插件库
这一是个很不错的插件库,推荐大家看一看 JQuery plugin
Mark 一些问题
插件式的方式(Obect 标签)在HTML5 的浏览模式下不被支持,360 在兼容模式下可以播放。
ASP.NET 在调试模式下视频无法播放的原因是 虚拟IIS的文件读取问题,在发布后就可以正常播放了
video 标签在默认情况下无法剧中显示,设置如下样式即可
IIS 部署以后视频、音频无法播放,如果提示信息为 资源无法访问 时,请检查配置的 MIME 类型列表
最后是 MIME 类型参考手册
====================== 我是华丽的分割线===========================================
冰冰,喵
<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>
支持库方式- 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>
更多插件库 JQuery 插件库
这一是个很不错的插件库,推荐大家看一看 JQuery plugin
Mark 一些问题
插件式的方式(Obect 标签)在HTML5 的浏览模式下不被支持,360 在兼容模式下可以播放。
ASP.NET 在调试模式下视频无法播放的原因是 虚拟IIS的文件读取问题,在发布后就可以正常播放了
video 标签在默认情况下无法剧中显示,设置如下样式即可
style="clear: both; display: block; margin: auto;"
IIS 部署以后视频、音频无法播放,如果提示信息为 资源无法访问 时,请检查配置的 MIME 类型列表
最后是 MIME 类型参考手册
====================== 我是华丽的分割线===========================================
冰冰,喵
相关文章推荐
- 关于Linux内核源码中是如何区别进程上下文和中断上下文
- nginx 代理 tomcat 502 bad gateway
- UI控件1
- Windows Server 2003登录时不按Ctrl+Alt+Del
- C++习题一第八题
- 我国的现状与前景
- C#调用C++编写的DLL函数各种参数传递问题
- linux 命令のtar
- 【原创】ubuntu 添加开启启动项
- Missing Number
- CDC和HDC的区别与转换
- JavaScript 循环中的闭包( for循环 i )
- 网站SEO方面经常使用的技巧有哪些
- 滤波器
- c++用法的学习心得
- argue counter 和argumentvector 啥意思 zz百度百科
- 清明节游京华园
- 图片保存到本地在相册中无法显示问题
- RelativeLayout的一些重要的属性
- 苏州面对公司发布