Как воспроизводить FLV файлы с помощью jPlayer?
Я гуглил и нашел jPlayer для воспроизведения видеоконтента по сети. Но jPlayer не воспроизводит файлы.flv (флэш-видео). Я правильно указал путь для SWF-плеера. он находится внутри папки js, а папка js находится на том же уровне, что и мой файл кода example.html. мой код, как показано ниже example.html
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4v: "media/royalrumble.mp4",
flv: "media/royalrumble.flv",
poster: "media/royalrumble.jpg"
});
},
swfPath: "js",
supplied: "m4v, flv"
});
2 ответа
Код ниже работал для меня
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4v: "../media/royalrumble.mp4",
flv: "../media/royalrumble.flv",
poster: "media/royalrumble.jpg"
});
},
swfPath: "js",
supplied: "m4v, flv",
});
Я не знаю почему? каталог мультимедиа находится на том же уровне, где существует мой код. до сих пор не принимает
m4v: "media/royalrumble.mp4",
flv: "media/royalrumble.flv",
а также
m4v: "../media/royalrumble.mp4",
flv: "../media/royalrumble.flv",
работал нормально.
это означает, что указанный путь должен быть относительно файла jPlayer.swf.
Надеюсь, это нормально, что я просто добавил немного информации, до нашей эры. У меня та же проблема в IE, но я нашел исправление при поиске в сети.
Можно увидеть, что есть много проблем с IE, и "URL-адрес мультимедиа не может быть загружен" после поиска, я обнаружил, что если я использую FLV-файл для IE и сделал../ к пути, то он будет работать для IE.
Итак, я начал с этого.
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp4: "video/Soccer.mp4",
webmv: "video/Soccer.webm",
flv: "video/Soccer.flv",
m4v: "video/Soccer.m4v",
ogv: "video/Soccer.ogv",
poster: "video/Soccer.png"
});
},
//error: function (event) {
// console.log(event.jPlayer.error);
// console.log(event.jPlayer.error.type);
//},
swfPath: "add/jplayer.swf",
errorAlerts: true,
supplied: "mp4, webmv, flv, m4v, ogv",
solution: "html,flash",
size: {
width: "640px",
height: "360px",
cssClass: "jp-video-360p"
},
smoothPlayBar: true,
keyEnabled: true
});
$("#jplayer_inspector").jPlayerInspector({ jPlayer: $("#jquery_jplayer_1") });
});
//]]>
</script>
И это работало не в IE, а в FF и Safari, iPhone/iPad. И в конечном итоге это работает на 100% в FF, Safari, IE и iPhone/iPad...
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp4: "video/Soccer.mp4",
webmv: "video/Soccer.webm", //WEBM. works for FF
flv: "../video/Soccer.flv", //FLV. works for IE, but u need ../ in front of the path...
m4v: "video/Soccer.m4v", //M4V. works for FF, Saf, iPhone/iPad
ogv: "video/Soccer.ogv",
poster: "video/Soccer.png"
});
},
//error: function (event) {
// console.log(event.jPlayer.error);
// console.log(event.jPlayer.error.type);
//},
swfPath: "add/jplayer.swf",
errorAlerts: true,
supplied: "mp4, webmv, flv, m4v, ogv",
solution: "html,flash",
size: {
width: "640px",
height: "360px",
cssClass: "jp-video-360p"
},
smoothPlayBar: true,
keyEnabled: true
});
$("#jplayer_inspector").jPlayerInspector({ jPlayer: $("#jquery_jplayer_1") });
});
//]]>