响应式直播播放器 projekktor答案

【问题标题】：responsive live streaming player projekktor响应式直播播放器 projekktor
【发布时间】：2014-06-25 18:54:32
【问题描述】：

您好，我正在尝试让视频播放器响应这是我的代码：

    <!-- Load projekktor css -->
    <link rel="stylesheet" href="themes/maccaco/projekktor.style.css" type="text/css" media="screen" />

    <!-- Load jquery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

    <!-- load projekktor js -->
    <script type="text/javascript" src="projekktor-1.4.00-test.js"></script>    </head>
<body>

    <div id="player_a" class="projekktor">
        <noscript><p>No JavaScript support.</p></noscript>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            projekktor('#player_a', {

              controls: true,
              autoplay: true,
              title: 'Projekktor - Inline HLS video support',
              playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback_hls_mss.swf',
                playerFlashMP3: 'swf/StrobeMediaPlayback /StrobeMediaPlayback_hls_mss.swf',
                width: 640,
                height: 385,
                platforms: ['browser', 'ios', 'android', 'flash', 'native'],
                playlist: [     
                    {
                    0: {src: "http://ip:1935/videostreaming/videostreaming/playlist.m3u8", type: "application/mpegURL", streamType: "httpVideo"}, // your HLS manifest goes here
                    1: {src: "", type: "video/mp4", streamType: "http"} // you can even add progressive fallback
                    }
          ]    
            }
            );
        });
    </script>
</body>

当我输入宽度：100% 和高度 100% 时，视频消失了，但我知道如何解决这个问题。

谢谢。

【问题讨论】：

标签： html streaming projekktor

【解决方案1】：

如果这是一个错字..

最好使用调试器对其进行修改。这里有很多依赖。

【讨论】：

哦不，那是一个拼写错误
js中的参数是否正确取%而不取px？尝试使用 chrome 调试器对其进行修改。那是我最好的选择..