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对象确定绝对值。

宽度

宽度播放器。默认为480像素。我们建议将其设置为至少320像素，否则某些UI元素可能不适合 。它也可以设置为“100％”以启用响应式设计，与 结合使用aspectratio选项。

说到高度180px建议至少为控件和图像正确显示。

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

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