Youtube流媒体

时间:2014-04-23 15:05:30

标签: javascript youtube

我正在开发一个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>

1 个答案:

答案 0 :(得分:0)

要使JWPlayer响应,请设置所需的宽高比(这些天为16:9),并将宽度和高度设置为百分比,而不是在JWPlayer对象中指定绝对值。

  

<强>宽度

     

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

对于高度180px,建议至少使控件和图像正确显示。

查看配置参考指南,了解可能派上用场的吨其他选项。

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