javascript - jwplayerでフルスクリーンボタンを削除する方法は？

Question

fullscreenjwplayerのボタンを削除する必要があります。私は何をする必要がありますか？

コード

<object type="application/x-shockwave-flash" data="js/jwplayer/player.swf" width="100%" height="300" id="Player" name="Player">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="wmode" value="transaparent">
<param name="flashvars" value="file=http://www.youtube.com/watch?v='+id+'&autostart=true&playlist=over&dock=true&repeat=list">
</object>

Answer 1

簡単な解決策を見つけました。GitHub リポジトリから Jwplayer のソースをダウンロードします (もちろん、使用しているものと同じバージョンを使用します)。

https://github.com/jwplayer/jwplayer/releases

(デフォルトのスキン)assets/という名前のファイルが必要です。six.xml次の行を削除します。

<element name="fullscreenButton" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAbElEQVR42u2R0QnAIAxEu1lWc5/+ZYKs4TTWjwS0qIFrP+/BkYMLOdCLELKn1tpG5TleYF2yyMUzvCAOZDtwgU85PJGE/+NPyuTJG1Uts/9+sI0+y6GCrtunLHKJHbjAZYcd8x28IJTmhJAtD4gEt9ueDIktAAAAAElFTkSuQmCC"/>
<element name="fullscreenButtonOver" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAACFUlEQVR42t2W324SURCHhS67VCoFbYhRkbQsaCwVSwgUaZP2yia9Mb6MN41vYfpIfYIm5QIegJfA3yTfSU52c1i98KabfGGYmd+cPX+Gw7On+2w2m5JPUfxfC5dhB8pQKooXvjGCiohFFRJ8EVTwVSHGtxOckSuOsCb2xUsDe0/swl42jiZxg2wr/kK0REf0DOzX4hXIzsVbaPODsH4VUSOxL8biwsD+SCEhOx/vo61Rq5zd1JipdhBkn6k4hmk2iKZDjdhtuj9Awnqm4twTPopf4lKM4BLfo0tCk1IjCQ3QFF0xR+QK/BBXYgxX+PycOdpmaAC3RG1xiui7uMWeic8ww3dLzgZNO7tEoU1OxYhpX7Dmd+KDgT0ldk5umt/k/DGtioZ4y/E7EUMx4JQcQR/fkJwemgY1OKbhAd6wnscU+ESRQ+jhOyGniyY4QFlE4rk4sCKIJyzFaLVa/XaNhT0iNiH30LTUiEJ9UGeqg8ViYRv3TVxjj80PY3zXloM9QFvf1gcN3mRiIr3pvX2u1+ufHMMvMDefn2MatI2iPjgSZyYylsvlg77fiK/umGLfWMzlmQbt3/UBQoc7530IxLf3QeT3AYIZbzbE9w5SfGfknGb6IAr1Qez9XL8XXabdxtc0sNvEuuS20MZFd0LsXThNqOOrQg0fcS6cXPHiKzOB2L8yg3GKG4WXfoBSUfz//W15ss8fvEcYMYnLr+AAAAAASUVORK5CYII="/>

次に、JwPlayer を呼び出すときに、スキン オプションに変更したスキンのパスを挿入します。

jwplayer("myElement").setup({
  file: "/upload/myVideo.mp4",
  skin: "your-modified-six.xml"
});

プレーヤーをダブルクリックしてもフルスクリーンが有効になることに注意してください。jwplayer.js のソース コードを編集して、(フロントエンドだけでなく) コードでも無効にする必要があります。を検索しallowfullscreen、false に設定します。

Answer 2

次のスキンを使用します。

シンプルスキン