javascript - JW Player安装YouTube嵌入链接

Question

嵌入链接

是否可以将youtube嵌入网址提供给我的jw播放器。我设计了jw播放器框架，该框架是由设计提供的，在该播放器中，我想使用youtube链接而不压碎任何设计细节。真的，我没有认真地批评，但是却找不到任何很好的例子。

<div class="video-slider-inline">

    <div class="otplayer-wrapper">
        <a href="index-2.html" class="video-overlay-logo"><img src="<? bloginfo('template_url'); ?>/images/overlay-logo.png" width="123" height="28" alt="" /></a>
        <video class="otplayer" preload="auto" poster="<? bloginfo('template_url'); ?>/video/video-screen.png">
       <source src="https://www.youtube.com/watch?v=on22iUlIiww" type="video/mp4">
      <div id="videofallback">Loading the player...</div>
        </video>

    <div class="otplayer-controls">
        <div class="ot-inline-playpause"><i class="fa fa-play"></i><i class="fa fa-pause"></i></div>
        <div class="ot-inline-slider"><div></div></div>
        <div class="ot-inline-time">00:00</div>
        <div class="ot-inline-volume-controls">
        <div class="ot-inline-volume">
        <i class="fa fa-volume-up"></i>
        <i class="fa fa-volume-off"></i>
        </div>
        <div class="ot-inline-volume-slider"><div></div></div>
    </div>
    <div class="ot-inline-fullscreen"><i class="fa fa-desktop"></i></div>
    </div>
</div>

<script type="text/javascript" src="<? bloginfo('template_url'); ?>/jscript/jwplayer.js"></script>
<script type="text/javascript" src="<? bloginfo('template_url'); ?>/jscript/jwplayer.html5.js"></script>

Answer 1

免责声明-在列出我的答案之前，您应该知道在JW Player中播放YouTube源的过程是deprecated。但是，它仍然包含在播放器中。

话虽如此，使用file选项，您可以像这样嵌入它(摘自JW Player本身的YouTube嵌入示例):

<div id="myElement">Loading the player...</div>
<script type="text/javascript">
    var playerInstance = jwplayer("myElement");
    playerInstance.setup({
       file: "//www.youtube.com/watch?v=8CjdLYBDUqw",
       width: 640,
       height: 360
    });
</script>

网址必须遵循以下格式之一:

//www.youtube.com/watch?v=ylLzyHk54Z0

//www.youtube.com/v/ylLzyHk54Z0

//youtu.be/ylLzyHk54Z0

由于视频是由YouTube托管的，因此在设计/用户界面选项上有一些限制:

无法删除YouTube水印

无法使用侧载或YouTube字幕

无法删除视频中的YouTube广告

JW Player的广告插件无法使用。

皮肤最初不会出现在移动设备上。

不支持YouTube播放列表和/或RSS feed

HTML5是播放

唯一受支持的方法

移动设备需要用户交互才能开始视频播放。这意味着
播放列表无法在移动设备上无缝运行。

根据我在JW Player中的经验，使用它的真正好处是可以自行托管自己的视频并可以对自己的播放器进行外观设计。可以嵌入YouTube视频，但是您并没有真正从该库中受益(这就是为什么我认为他们正在放弃对此的支持)。

无论如何，可以在 here中找到将YouTube视频与JW PLayer嵌入的完整指南。