Jw 播放器安装 youtube 嵌入 link

Question

嵌入link

是否可以将 YouTube 嵌入 url 提供给我的 jw 播放器。我有 jw 播放器框架的设计，它是由设计给出的，在那个播放器中我想使用 youtube link 不破坏任何设计细节。真的没有那么严厉地批评我搜索但找不到任何好的例子。

<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。不过暂时还是收录在播放器里面。

也就是说，使用文件选项你可以像这样嵌入它（取自 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>

url 必须遵循以下格式之一：

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

由于视频由 YouTube 托管，因此 design/UI 选项有一些限制：

无法删除 YouTube 水印
无法使用旁加载或 Youtube 字幕
无法删除视频中的 YouTube 广告
JW Player的广告插件无法使用
皮肤最初不会出现在手机上。
YouTube 播放列表and/or 不支持 RSS 源
HTML5 是唯一支持的播放方式
移动设备需要用户交互才能开始播放视频。这表示播放列表无法在移动设备上无缝运行。

根据我使用 JW Player 的经验，使用它获得的真正好处是当您自行托管自己的视频并且可以 skin/design 自己的播放器时。可以嵌入 YouTube 视频，但您并没有真正从库中获益（这就是为什么我认为他们正在放弃对此的支持）。

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

Jw 播放器安装 youtube 嵌入 link

Jw player installing youtube embed link

javascript

html

youtube

jwplayer

嵌入link