javascript - YouTube流媒体

Question

我正在使用流媒体显示YouTube剪辑的ASP平台[和定制CMS]上工作。

我需要让他们响应，但似乎无法。

JavaScript中有修复程序吗？

我不能使用HTML，因为它需要通用，因为我有大量的流式视频。

<div id="AssetImgHolder" class="clear" style="width:560px;">
<div class="asset">
<div id="div85089">
</div>
<script type="text/javascript">
<!--
//<![CDATA[
        jwplayer('div85089').setup({
        id: 'jw85089',
        file: 'my youtube url',
        width: 560,
        height: 315,
        autostart: 'false',
        repeat: 'false',
        controlbar: 'bottom'
        });
        jwplayer('div85089').onError( function(event){
        this.controls.display.setText('HTML5 support for MP4 video only works with H.264 encoded video.');
        });

//]]>-->
</script>
        <script language="JavaScript" type="text/javascript">
        jwplayer('div85089').onPlay(function(){ 
        TrackMediaPlayEvent('162059', 'video (English) - with John Smith', null);
        });
        jwplayer('div85089').onPause(function(){ 
        TrackMediaPauseEvent('162059', 'video (English) - with John Smith ', null);
        });
        jwplayer('div85089').onComplete(function(){ 
        TrackMediaCompleteEvent('162059', 'video (English) - with John Smith', null);
        });
        </script>
</div>
</div>

Answer 1

为了使JWPlayer具有响应性，请设置所需的宽高比(目前这些标准是16:9)，并将宽度和高度设置为百分比，而不是在JWPlayer对象中指定绝对值。

width

Width of the player. Defaults to 480 pixels. We recommend setting this to at least 320 pixels, since otherwise certain UI elements may not fit. It can also be set to "100%" to enable responsive design, in combination with the aspectratio option.

话虽如此，建议至少将高度180px用于控件和图像正确显示。

查看config-ref指南，了解可能会派上用场的其他选项。

http://support.jwplayer.com/customer/portal/articles/1413113-configuration-options-reference