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播放器中播放YouTube来源是deprecated。但是，它暂时还包含在播放器中。

话虽这么说，使用文件选项你可以这样嵌入它（取自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水印
无法使用Sideloaded或Youtube标题
视频内的YouTube广告无法移除
JW Player的广告插件无法使用。
皮肤最初不会出现在手机上。
不支持YouTube播放列表和/或RSS Feed
HTML5是唯一支持的播放方法
移动设备需要用户互动才能开始播放视频。这意味着播放列表无法在移动设备上无缝运行。

根据我对JW Player的体验，您使用它的真正好处是，当您自行托管自己的视频并可以设计自己的播放器时。嵌入YouTube视频可以完成，但你并没有真正获得图书馆的好处（这就是为什么我认为他们正在放弃对此的支持）。

无论如何，可以找到使用JW PLayer嵌入YouTube视频的完整指南here。

Jw播放器安装youtube嵌入链接

嵌入链接

1 个答案: