Question

我一直在研究如何让JW播放器5做出响应，并尝试过修改视频播放器的CSS / HTML和jQuery示例，但是没有取得任何成功。我正在使用WordPress并尝试使用原始.js模块和特定于页面的css将代码添加到页面中，如果这会产生影响。

以下是代码：

<script type="text/javascript" src="http://www.360north.org/jwplayer5.9/jwplayer.js"></script>
<video id="mediaplayer" width="100%" height="100%" src="http://state.ak.tvwmedia.net:1935/ktoo-live/_definst_/360north/playlist.m3u8" type="video/mp4"></video>
<script type="text/javascript">
// <![CDATA[
jwplayer('mediaplayer').setup({
    'id': 'playerID',
    'width': '640',
    'height': '480',
    'image': 'http://www.360north.org/wp-content/uploads/2014/04/SmallVideoPlayer1.jpg',
    'modes': [{
        type: "flash",
        src: "http://www.360north.org/jwplayer5.9/player.swf",
        config: {
            file: "360north",
            streamer: "rtmp://state.ak.tvwmedia.net/ktoo-live",
            provider: "rtmp"
        }
    }, {
        type: 'html5',
        config: {
            'file': 'http://state.ak.tvwmedia.net:1935/ktoo-live/_definst_/360north/playlist.m3u8',
            'provider': 'video'
        }
    }]
});
// ]]>

Answer 1

此方法可用于JW播放器 - http://webdesignerwall.com/tutorials/css-elastic-videos

基本上，iframe方法 - ＆＃34;弹性对象＆amp; iframe嵌入式视频＆＃34;

http://webdesignerwall.com/demo/elastic-videos/

此方法适用于JW5。

Answer 2

这是让JWplayer 5响应的另一种方法，没有iFrame，但你必须在嵌入代码周围添加代码标签，否则它将无法工作： http://www.miracletutorials.com/how-to-make-jw-player-5-10-responsive/ 我希望这有帮助吗？

让JW 5播放器响应

2 个答案: