拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(3bfbbf-ua98).
重新安装浏览器，或使用别的浏览器插件描述：Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。（要支持ie低版本请下载5.4.3版 ）
Video.js最新v6.2.8版 更新Video.js最新v6.2.5版 更新Video.js最新v5.18.4版 更新(支持ie8)Video.js最新v5.16版 更新Video.js最新v5.10.8版 更新Video.js v5.8.8版 更新Video.js历史v5.4.3版 更新Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。使用方法在页面中引用video-js.cs样式文件和video.js&link&href=&video-js.css&&rel=&stylesheet&&type=&text/css&&
&script&src=&video.js&&&/script&设置flash路径，Video.js会在不支持html5的浏览中使用flash播放视频文件&script&
&&&&videojs.options.flash.swf&=&&video-js.swf&;
&/script&htmlposter=&**&播放初始图。可使用三种视频格式，根据所需要格式选择对应的。&video&id=&example_video_1&&class=&video-js&vjs-default-skin&&controls&preload=&none&&width=&640&&height=&264&
&&&&&&poster=&http://video-/oceans-clip.png&
&&&&&&data-setup=&{}&&
&&&&&source&src=&http://视频地址格式1.mp4&&type='video/mp4'&/&
&&&&&source&src=&http://视频地址格式2.webm&&type='video/webm'&/&
&&&&&source&src=&http://视频地址格式3.ogv&&type='video/ogg'&/&
&&&&&track&kind=&captions&&src=&demo.captions.vtt&&srclang=&en&&label=&English&&&/track&&!--&Tracks&need&an&ending&tag&thanks&to&IE9&--&
&&&&&track&kind=&subtitles&&src=&demo.captions.vtt&&srclang=&en&&label=&English&&&/track&&!--&Tracks&need&an&ending&tag&thanks&to&IE9&--&
&/video&设置自动播放将下面代码加到html中代码后面&script&type=&text/javascript&&
&&&&var&myPlayer&=&videojs('example_video_1');
&&&&videojs(&example_video_1&).ready(function(){
&&&&&&&&var&myPlayer&=&
&&&&&&&&myPlayer.play();
&/script&默认情况下，大的播放按钮是被定为在左上角的，这样就不会覆盖视频内容。如果你想让这个播放按钮居中，你可以给你的 video 标签添加额外的 vjs-big-play-centered 样式，比如：&video&id=&example_video_1&&class=&video-js&vjs-default-skin&vjs-big-play-centered&
&&controls&preload=&auto&&width=&640&&height=&264&
&&poster=&http://video-/oceans-clip.png&
&&data-setup='{&example_option&:true}'&
&/video&如果你还对播放按钮样式不满意可重新定义.video-js .vjs-big-play-button{/*这里的样式重写*/}。为动态加载的 HTML 元素设置 Video.js如果你的 web 页面或者应用是动态加载 video 标签的（ajax，appendChild，等等）,这样在页面加载后这个元素是不存在的，那么你会想要手动设置播放器而不是依靠 data-setup 属性。要做到这一点，首先将 data-setup 属性从 video 标签中移除掉，这样在播放器初始化的时候就不会混乱了。接下来，运行下面的 javascript ，有时在 Video.js 加载后，有时是在 video 标签被加载进 DOM 后，videojs(&example_video_1&,&{},&function(){
&&//&Player&(this)&is&initialized&and&ready.
});videojs 方法中的第一个参数是你的 video 标签的 ID，用你自己的代替。第二个参数是一个选项对象。它允许你像设置 data-setup 属性一样设置额外的选项。第三个参数是一个 'ready' 回调。一旦 Video.js 初始化完成后，就会触发这个回调。你也可以传入一个元素本身的引用来代替元素ID：videojs(document.getElementById('example_video_1'),&{},&function()&{
&&//&This&is&functionally&the&same&as&the&previous&example.
videojs(document.getElementsByClassName('awesome_video_class')[0],&{},&function()&{
&&//&You&can&grab&an&element&by&class&if&you'd&like,&just&make&sure
&&//&if&it's&an&array&that&you&pick&one&(here&we&chose&the&first).
});如果您无法播放内容，您得确保使用了 正确的格式，你的 HTTP 服务器可能无法提供正确的 MIME类型 的内容以下感谢网友 的分享var videoObj = videojs(“videoId”);ready:myPlayer.ready(function(){
&&&&//在回调函数中，this代表当前播放器，
&&&&//可以调用方法，也可以绑定事件。
})播放：myPlayer.play();暂停：myPlayer.pause();获取播放进度：var&whereYouAt&=&myPlayer.currentTime();设置播放进度：myPlayer.currentTime(120);视频持续时间，加载完成视频才可以知道视频时长，且在flash情况下无效var&howLongIsThis&=&myPlayer.duration();缓冲，就是返回下载了多少var&whatHasBeenBuffered&=&myPlayer.buffered();百分比的缓冲var&howMuchIsDownloaded&=&myPlayer.bufferedPercent();声音大小（0-1之间）var&howLoudIsIt&=&myPlayer.volume();设置声音大小myPlayer.volume(0.5);取得视频的宽度var&howWideIsIt&=&myPlayer.width();设置宽度：myPlayer.width(640);获取高度var&howTallIsIt&=&myPlayer.height();设置高度：myPlayer.height(480);一步到位的设置大小：myPlayer.size(640,480);全屏myPlayer.enterFullScreen();离开全屏myPlayer.enterFullScreen();添加事件durationchange
ended&//播放结束
fullscreenchange
loadedalldata
loadeddata
loadedmetadata
pause&//暂停
play&&//播放
timeupdate
volumechange
resize&inherited
var&myFunc&=&function(){
&&&&//&Do&something&when&the&event&is&fired
};事件绑定myPlayer.on(&ended&,&function(){
&&&&console.log(&end&,&this.currentTime());
myPlayer.on(&pause&,&function(){
&&&&console.log(&pause&)
});删除事件myPlayer.removeEvent(“eventName”,&myFunc);一个页面中有多个视频，需要点击后触发bootstrap 的模态窗，再弹出视频我个人的方法是：html:&a&videohref=&http://xxx.mp4&&class=&video_link&&&img&&src=&../images/xxx.jpg&/&&/a&JS:$(&.video_link&).click(function()&{
&&&&var&myPlayer&=&videojs('my-video');
&&&&var&videoUrl&=&$(this).attr(&videohref&);
&&&&videojs(&my-video&,&{},&function()&{
&&&&&&&&window.myPlayer&=&
&&&&&&&&$(&#mymoda&.video-con&#my-video&source&).attr(&src&,&videoUrl);
&&&&&&&&myPlayer.src(videoUrl);
&&&&&&&&myPlayer.load(videoUrl);
&&&&&&&&myPlayer.play();
&&&&$(&.click-modal&).click();
//&模态窗消失时，关闭视频&&&&
$('#mymoda').on('hidden.bs.modal',&function()&{
&&&&myPlayer.pause();
相关插件-音频和视频
音频和视频
音频和视频
音频和视频
音频和视频
讨论这个项目（707）回答他人问题或分享插件使用方法奖励jQ币
猪小二呐呐呐 0
ios 默认状态下怎么去掉进度条，点击播放才显示还有，ios点击播放后，一直点不出进度条出来了
&To view this video please enable JavaScript, and consider upgrading to a web browser that&&&&supports HTML5 video 我上传服务器，打开网页直接显示这个，在本机上预览还好用能看到视频，是不是服务器上应该设置什么？
是我服务器没安装flash播放器？
IIS上没有MP4解析
就是MIME添加文件类型，已经做了
服务器是IE6.0是不是这个原因，但客户端浏览器都是IE11
我的服务器不能上互联网，是局域网
可以播放flv格式吗？ 跪求回答
冥冥之中天注定 0
这个播放器本身就有左右黑边 请问怎么设定这个黑边或者怎么去掉黑边 &求解
有两个div的 背景设置的黑色，可以找到的
远程地址可以正常快进，本地地址就不能快进而是从零开始播放，这是为啥？
遍体鳞?〃侦?酝?り 0
我想问，因为视频地址我不能暴露在源码中，我是先行请求的控制器，然后控制器请求的视频播放地址，然后返回数据，这样的话那个进度条就不能点击了为啥
microsoftvs1
对视频地址可以简单的url加密就行了，不管在你怎么防只要一加载视屏获取地址都是非常简单的事情。
flv这个格式的要怎么破？
microsoftvs1
flv需要flash播放，现在各大浏览器已经开始屏蔽flash了，所以建议淘汰转别的格式。
设置全屏没有作用啊
jinnian1989 0
怎么动态的设置视频路径，还有为什么有的mp4格式文件可以播放，有的却不行
/. ____`事勿虚人。”0
用js 动态创建 动态添加视频地址
StoneFish 0
我想知道这个示例的视频叫什么名字。。
瑞克与莫蒂第三季，第三集。
PROMULGATOR
关注作者 (537)
收藏此插件 (821)
我当前jQ币余额：正在获取..
已下载次数：48601
所需jQ币：0总结的知识（8）
html5（2）
今天刚好需要做一个点击视频，需要在新页面打开播放。一看到这里，我第一想法就觉得很简单啊，直接一个a标签，里面给一个target为blank，href值为视频播放地址不就好了。想好就开始干，当这样做完之后，我在测试页面点击的时候，发现并不是我所想的，它是打开新页面，并且下载视频。wtf。然后自己打开页面新，把视频链接拷贝进去，发现是可以在页面播放的，然后我刷新页面，在点击a标签，发现可以打开新页面播放视频了。说了那么多废话，其实最后自己还是自己写了一个js代码。因为怕别人也遇到我这样的情况，如果你不怕的话，还是可以使用直接放a标签这个方法
废话太多了，直接上代码
target=&_blank&
onclick=&openVideo('视频播放地址')&&
&div&跳转新页面播放&/div&
说明一下，代码就是先打开新页面，然后在页面里面添加video标签，外边的div样式可以自己设置
function openVideo(src) {
var page =
window.open();
var html=&&body style='background:black'&
&div style='width:80%;margin:'&
&video controls width='100%' autoplay src='&+src+
&'&&/video&
page.document.write(html);
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：5034次
排名：千里之外
原创：19篇
(3)(5)(9)(4)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'我用html&video&想在播放视频前加载一段几分钟的广告
怎么写啊_html5吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：90,319贴子：
我用html&video&想在播放视频前加载一段几分钟的广告
怎么写啊收藏
html5培训,千锋Html5培训,名企内部推荐就业,面对面教学模式,成就高薪互联网工程师!html5培训,企业级项目实战,总监级名师面授,0基础20周速成为web开发工程师,高薪就业!
同求，我也想知道~
讨厌广告，还能不能好好看视频了？
这个问题值得研究
登录百度帐号推荐应用}