2015-12-24 3 views
-1

Я работаю с jwplayer, в котором я хочу добавить HD-переключение, например 720p, 360p, 260p, для этого я использую ниже код, но он дает мне ошибку, как «Нет воспроизведения источник найден»,jwplayer get error «Нет воспроизводимого источника»

<html> 
<head> 
    <script type="text/javascript" src='http://content.jwplatform.com/libraries/vHksukSC.js'></script> 

</head> 
<body> 
<div id="container">Loading the player...</div> 
<script> 
var playerInstance = jwplayer("container"); 
playerInstance.setup({ 
    image: "https://testvideoout.s3.amazonaws.com/Videos/Thumb/Thumb_Videos_29_1446555606635_00001.png", 
    sources: [{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "720p HD" 
    },{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "360p SD", 
     "default": "true" 
    },{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "180p Web" 
    }] 
    }); 
</script> 
</body> 
</html> 

Для справки, я использую этот адрес

https://support.jwplayer.com/customer/portal/articles/1428524-hd-quality-toggling 

Может кто-нибудь пожалуйста, скажите мне, что проблема в этом? Я попробовал поиск по Google, но не получил никакого решения

ответ

0

Тип носителя источника. Требуется только тогда, когда свойство файла не содержит распознанного расширения файла (например, .mp4 для mp4). В файле Media Formats Reference перечислены все поддерживаемые типы.

Поэтому добавьте тип к каждому видео.

playerInstance.setup({ 
    image: "https://testvideoout.s3.amazonaws.com/Videos/Thumb/Thumb_Videos_29_1446555606635_00001.png", 
    sources: [{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "720p HD", 
     type: "video/webm" 
    },{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "360p SD", 
     "default": "true", 
     type: "video/webm" 
    },{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "180p Web", 
     type: "video/webm" 
    }] 
    }); 

документация не конкретно, какие именно должны быть использованы в качестве type, так что если video/webm не работает, попробуйте webm.

0

Настоящая рабочая демонстрация вашего решения. Как zer00ne отметил, что вам нужно включить тип (не мим-типа), "WebM"

jwplayer('player').setup({ 
image: "https://testvideoout.s3.amazonaws.com/Videos/Thumb/Thumb_Videos_29_1446555606635_00001.png", 
    sources: [{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "720p HD", 
     type: "webm" 
    },{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "360p SD", 
     "default": "true", 
     type: "webm" 
    },{ 
     file: "https://testvideoout.s3.amazonaws.com/Videos/Streaming/webm_Videos_66_1450099348116", 
     label: "180p Web", 
     type: "webm" 
    }], 
     width: 720, 
     height: 406 
    }); 

http://jsfiddle.net/simsketch/5n5qcLca/

Смежные вопросы