5
मैं (ffmpeg के साथ) ogg/webm/flv प्रारूपों में एक .mp4 वीडियो परिवर्तित और इस्तेमाल VideoJS निम्नलिखित वेब पेज बनाने के लिए किया है:आईई 6/7/8 में वीडियो फ्लैश मेरे फ्लैश वीडियो क्यों नहीं चलाएगा?
http://tanguay.info/examples/testvideo
यह IE9, क्रोम, सफारी में ठीक खेलता है, ओपेरा, और फ़ायरफ़ॉक्स।
हालांकि, IE6, IE7, और IE8 में यह "वापस फ्लैश पर गिर" माना जाता है, लेकिन यह कुछ भी जहां वीडियो (IETester में परीक्षण) माना जाता है प्रदर्शित नहीं करता है:
आईई 6/आईई 7/आईई 8 में यह पृष्ठ कैसे खेल सकता है?
.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>
असल में मुझे एफएलवी फाइलों को चलाने के तरीके पर कोई उदाहरण नहीं दिख रहा है। क्या आप जानते हैं कि यह कैसे करें (या यदि वीडियोजेएस वास्तव में ऐसा कर सकता है)? – freeall