为什么赢了';videojs是否在IE6/7/8中播放我的Flash视频?
我已将.mp4视频转换为ogg/webm/flv格式(使用ffmpeg),并使用videojs创建以下网页: 它在IE9、Chrome、Safari、Opera和Firefox中运行良好 但是,在IE6、IE7和IE8中,它应该“返回到flash”,但它不会在视频应该在的位置显示任何内容(在IETester中测试): 如何让此页面在IE6/IE7/IE8中播放?为什么赢了';videojs是否在IE6/7/8中播放我的Flash视频?,flash,internet-explorer-8,html5-video,Flash,Internet Explorer 8,Html5 Video,我已将.mp4视频转换为ogg/webm/flv格式(使用ffmpeg),并使用videojs创建以下网页: 它在IE9、Chrome、Safari、Opera和Firefox中运行良好 但是,在IE6、IE7和IE8中,它应该“返回到flash”,但它不会在视频应该在的位置显示任何内容(在IETester中测试): 如何让此页面在IE6/IE7/IE8中播放? .htaccess AddType audio/ogg oga ogg AddType video/ogg ogv AddTyp
.htaccess
AddType audio/ogg oga ogg
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv
index.htm
<!DOCTYPE html>
<html>
<head>
<link href="videojs/video-js.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(init);
function init() {
$('button#buttonSmallSize').click(function() {
//$('video#my_video_1').css('width','512px');
//$('video#my_video_1').css('height','288px');
$('div#message').html('small size not yet implemented');
});
$('button#buttonLargeSize').click(function() {
//$('video#my_video_1').css('width','768px');
//$('video#my_video_1').css('height','432px');
$('div#message').html('large size not yet implemented');
});
}
</script>
<style type="text/css">
div#buttonRow {
margin: 0 0 12px 0;
}
.theButton {
float: left;
margin: 0 5px 0 0;
cursor: hand;
cursor: pointer;
}
.theMessage {
float: left;
margin: 0 5px 0 0;
font-family: arial;
color:#fff;
font-size: 14pt;
}
</style>
</head>
<body style="background-color: #888">
<div id="videobox" style="border-radius: 5px; width: 513px; padding: 10px; border: 1px solid #fff;background-image:url('images/chrome.jpg');;box-shadow: 10px 10px 5px #555">
<div id="buttonRow">
<button id="buttonSmallSize" class="theButton">Small Size</button>
<button id="buttonLargeSize" class="theButton">Large Size</button>
<div id="message" class="theMessage"></div>
<div style="clear:both"></div>
</div>
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="512" height="288" data-setup="{}">
<source src="videos/damconnect.mp4" type='video/mp4'>
<source src="videos/damconnect.webm" type='video/webm'>
<source src="videos/damconnect.ogg" type='video/ogg'>
<source src="videos/damconnect.flv" type='video/x-flv'>
</video>
</div>
</body>
</html>
美元(初始);
函数init(){
$('button#buttonSmallSize')。单击(函数(){
//$('video#my_video_1').css('width','512px');
//$('video#my_video_1').css('height','288px');
$('div#message').html('small size not implemented');
});
$('button#buttonLargeSize')。单击(函数(){
//$('video#my_video_1').css('width','768px');
//$('video#my_video_1').css('height','432px');
$('div#message').html('large size not implemented');
});
}
div#按钮箭头{
边际:0.12像素0;
}
.按钮{
浮动:左;
边距:0 5px 0 0;
光标:手;
光标:指针;
}
.theMessage{
浮动:左;
边距:0 5px 0 0;
字体系列:arial;
颜色:#fff;
字号:14pt;
}
小尺寸
大尺寸
对于videojs,你不会这样称呼flash视频。它创建了一个嵌入视频的swf,只需转到并遵循指南即可。实际上,我似乎根本找不到任何关于如何播放FLV文件的示例。你知道怎么做吗(或者如果VideoJS真的能做到)?