我正在开发一个ASP平台[和定制的CMS],使用流媒体来显示youtube剪辑。
我需要让他们做出回应,但似乎无法做到。
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>
答案 0 :(得分:0)
要使JWPlayer响应,请设置所需的宽高比(这些天为16:9),并将宽度和高度设置为百分比,而不是在JWPlayer对象中指定绝对值。
<强>宽度强>
播放器的宽度。默认为480像素。我们建议将此设置为至少320像素,否则可能会出现某些UI元素 不合适。它也可以设置为“100%”以启用响应式设计 与aspectratio选项结合使用。
对于高度180px,建议至少使控件和图像正确显示。
查看配置参考指南,了解可能派上用场的吨其他选项。
http://support.jwplayer.com/customer/portal/articles/1413113-configuration-options-reference