Javascript 为所有浏览器嵌入正确的网站视频
我使用此代码在我的网站上嵌入视频(我认为这是最佳的SEO实践)。它在IE和Firefox上运行有点慢。我已经添加了javascript(在堆栈中找到)来显示播放、暂停、音量和全屏选项。我担心javascript会减慢页面速度。我是否可以确认这是最好的方法,或者提供另一种选择Javascript 为所有浏览器嵌入正确的网站视频,javascript,html5-video,embed,const-correctness,multiple-browsers,Javascript,Html5 Video,Embed,Const Correctness,Multiple Browsers,我使用此代码在我的网站上嵌入视频(我认为这是最佳的SEO实践)。它在IE和Firefox上运行有点慢。我已经添加了javascript(在堆栈中找到)来显示播放、暂停、音量和全屏选项。我担心javascript会减慢页面速度。我是否可以确认这是最好的方法,或者提供另一种选择 <head> <!--Video.js | HTML5 Video Player --> <link href="//vjs.zencdn.net/3.2/video-js.css" rel="
<head>
<!--Video.js | HTML5 Video Player -->
<link href="//vjs.zencdn.net/3.2/video-js.css" rel="stylesheet" type="text/css">
<script src="http://vjs.zencdn.net/3.2/video.js"></script>
<script>
_V_.options.flash.swf = "video-js.swf";
</script>
<script>
_V_("example_video_1").ready(function(){
var myPlayer = this;
});
</script>
</head>
<body>
<video id="video_1" class="video-js vjs-default-skin" controls width="480" height="204" autoplay preload="auto" poster="/images/Buy-Mexpro.jpg">
<source src="/videos/Mexpro-1Min-HDvideo.mp4" type="video/mp4" />
<source src="/videos/Mex_Pro_1_Minute_spot-HD.webm" type="video/webm" />
<source src="/videos/Mex_Pro_1_Minute_spot-HD.webm.ogv" type="video/ogg" />
<object id="videocontainer-object">
<param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param>
<param name="flashvars" value="/videos/Mexpro-1Min-HDvideo.mp4&playButtonOverlay=false&loop=true&autoPlay=true&controlBarMode=none"></param>
<param name="allowFullScreen" value="false"></param>
<param name="allowscriptaccess" value="always"></param>
<embed id="videocontainer-embed" src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="720" flashvars="src=http://homepage.de/video/BigWeb.mp4&controlBarMode=none&playButtonOverlay=false&loop=true&autoPlay=true"></embed>
<input type="button" value="Pause" onClick="myPlayer.pause();">
<input type="button" value="Play" onClick="myPlayer.play();">
</object>
</video>
</body>
_V_u.options.flash.swf=“video js.swf”;
_V_(“示例_视频_1”).ready(函数(){
var myPlayer=this;
});
您使用的是非常旧的版本。如果使用,则应使用当前版本:
<link href="//vjs.zencdn.net/5.8/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.8/video.js"></script>
<video id="video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}' poster="/images/Buy-Mexpro.jpg">
<source src="/videos/Mexpro-1Min-HDvideo.mp4" type="video/mp4" />
<source src="/videos/Mex_Pro_1_Minute_spot-HD.webm" type="video/webm" />
<source src="/videos/Mex_Pro_1_Minute_spot-HD.webm.ogv" type="video/ogg" />
</video>
嵌入的对象
对于video.js的Flash技术来说并不是而且从来都不是必要的