从mediaelement.js Player中删除Youtube注解

Remove Youtube Annotations from mediaelement.js Player?

本文关键字:删除 Youtube 注解 Player mediaelement js      更新时间:2023-09-26

我已经尝试以多种方式将&iv_load_policy=3添加到YouTube url的末尾,但注释仍然显示。有没有办法编辑代码,使不显示注释?

EDIT: CODE BELOW

MediaElement.js Plugin中的文件

随机视频注释:https://www.youtube.com/watch?v=IGz13x5OJ_8

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />
<script>
$(function(){
   player = new MediaElementPlayer('#video-player');
});
</script>
<video style="width:100%;height:100%;" id="video-player" preload="preload" autoplay="autoplay">
    <source type="video/youtube" src="https://www.youtube.com/watch?v=IGz13x5OJ_8" />   
</video>

我发现抑制YouTube注释的唯一方法是设置MEJS的YouTube插件而不是flash(默认),如:

$(function () {
    player = new MediaElementPlayer('#video-player', {
        plugins: ['youtube']
    });
});

唯一的不便是autoplay不工作(还没有找到选项),但至少主要问题解决了;)

<<p>看到strong> JSFIDDLE

内置播放器为flash版本。

根据youtube播放器API,只有html5和AS3播放器支持此选项:https://developers.google.com/youtube/player_parameters#iv_load_policy

你可以通过iframe嵌入它,它将嵌入html5播放器和工作,例如:

<iframe width="420" height="315" src="//www.youtube.com/embed/IGz13x5OJ_8?rel=0&iv_load_policy=3&autoplay=1&html5=1" frameborder="0" allowfullscreen></iframe>

&html5=1只是在可能的情况下强制使用html5,尽管如果视频支持它,它应该默认使用html5。