Làm cách nào để ẩn nút phát JWPlayer?

Question

Làm cách nào để ẩn nút phát nằm ở giữa màn hình video trong Trình phát JW?

Tôi đang sử dụng phiên bản 5.4 của trình phát và tôi đang nhúng nó bằng kỹ thuật 'JW Embedder' của riêng họ.

Tôi đã thử những điều sau đây không có may mắn:

jwplayer("myPlayer").setup({ 
    file: 'myMediaFile.mp4', 
    image: 'myPosterFile.jpg', 
    controlbar: 'bottom', 
    icons: false 
}); 

Tôi đã đọc ở đâu đó rằng điều này có thể được loại bỏ bằng phiên bản 5.0 và bây giờ phải được thực hiện với một làn da. Nhưng, tôi cũng đọc nó quay trở lại phiên bản 5.1 ...?

Answer 1

Có vẻ như tùy chọn 'biểu tượng: sai' không hoạt động, nhưng không phải với phiên bản HTML 5 của trình phát. Hy vọng rằng họ sẽ nhận được sự quan tâm này với bất kỳ phiên bản nào sau JW 5.4.

Answer 2

Nó có thể khá dễ dàng để làm với một làn da. Bạn có thể sửa đổi một skin hiện có tải về từ longtail. Họ đang chỉ nén file

Đây là tài liệu hướng dẫn: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/14/building-skins

Về cơ bản bạn muốn chỉ cần xóa các 'playIcon.png' từ tập tin zip da trong thư mục 'trưng bày'. Nó sẽ không hiển thị biểu tượng sau đó - bởi vì nó không tồn tại!

Có thể bạn cũng sẽ phải xóa 'background.png' - hoặc bạn sẽ chỉ nhận được một ô trống.

Answer 3

tôi đến acros cùng một vấn đề và giải pháp là để thiết lập:

'controlbar': "none"

Ngoài ra, tôi đang sử dụng JW Player 5.5.

Hãy cho tôi biết nếu nó hoạt động.

Answer 4

Thêm phần này vào onPause bạn và có thể để sự kiện onready của bạn nếu bạn không sử dụng autoplay:

jwplayer().getPlugin("controlbar").hide(); 

để nó trông như thế này:

jwplayer("container").setup({ 
    events: { 
     onPause: function(event){ 
      jwplayer().getPlugin("controlbar").hide(); 
     } 
    } 
}) 

tham khảo: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference

Kiểm tra phần Plugins.

Answer 5

Bạn đang tìm plugin "hiển thị". Ẩn khi cần.

jwplayer().getPlugin("display").hide(); 

Answer 6

Mã của bạn nên làm việc với JWplayer 5.10 nếu bạn đặt tất cả mọi thứ giữa ' '

jwplayer("myPlayer").setup({ 
    'file': 'myMediaFile.mp4', 
    'image': 'myPosterFile.jpg', 
    'controlbar': 'bottom', 
    icons: 'false' 
}); 

Answer 7

Bạn có thể viết một plugin flash bằng cách sử dụng Flex SDK. Tôi đã viết một lớp cơ sở kế thừa từ Sprite để xử lý việc này.

import flash.display.Sprite; 
import flash.display.DisplayObject; 
import com.longtailvideo.jwplayer.player.IPlayer; 
import com.longtailvideo.jwplayer.view.components.ComponentButton; 
import com.longtailvideo.jwplayer.view.interfaces.IControlbarComponent; 

public class ExtendedPlugin extends Sprite 
{  
    protected var _player:IPlayer; 

    public function ExtendedPlugin() 
    { 

    }  

    public function hideControlbarButton(buttonName:String):void { 
     var controlbar:IControlbarComponent = _player.controls.controlbar; 
     var button:DisplayObject = controlbar.getButton(buttonName);  
     button.height = 0; 
     button.width = 0; 
    }  
} 

Sau đó, bạn có thể viết plugin của mình bằng cách kế thừa từ lớp này.

public class MyPlugin extends ExtendedPlugin implements IPlugin 
{ 
    public function initPlugin(player:IPlayer, config:PluginConfig):void 
    { 
      _player = player; 
    } 
} 

Nếu bạn muốn che giấu sự vui chơi và tạm dừng các nút ví dụ như bạn sẽ làm như sau:

hideControlbarButton("play"); 
hideControlbarButton("pause"); 

Bạn sẽ cần nhập khẩu thư viện đúng cho điều này là tốt. Sau đó, bạn cũng cần phải tham khảo SWF trong các tham số jwplayer.

Answer 8

Tôi đã đạt được điều này bằng cách thêm 'biểu tượng: false' vào cấu hình. Tuy nhiên, tham chiếu JWplayer API gợi ý thêm 'điều khiển: sai', vì vậy hãy thử điều này. Dưới đây là một ví dụ làm việc: http://www.longtailvideo.com/support/jw-player/29241/a-chromeless-player/

Answer 9

Đối với JW Player v6 - HTML5 chơi:

Bạn có thể ẩn các nút chơi ở trung tâm của màn hình trong với CSS:

.jwplayer .jwdisplayIcon { 
    display: none !important; 
} 

Hoặc để ẩn vở kịch nút trong thanh điều khiển:

.jwplay { 
    display: none; 
} 

Answer 10

Dưới đây là tình hình tôi đã đưa ra:

Ý tưởng là tắt hoàn toàn các điều khiển rồi bật lại chúng khi người dùng nhấp vào.

 var jwHandle = jwplayer(videoID).setup(videoConfig);//Set b/c of internal reasons 

     //Then when configuring 
     autoplay : "false", 
     controls : "false", //disable the controls(including play icon) 
     events : { 
        onDisplayClick : function(event){ 
         //re-enable controls 
         jwHandle.setControls(true); 
         //play the video 
         jwHandle.play(); 
        } 
       }  
      }); 

Sử dụng phiên bản 6.10. Các câu trả lời khác ở trên không có tác dụng đối với tôi, có thể do thay đổi phiên bản. Cách duy nhất khác mà tôi thấy là thay đổi biểu tượng phát tệp skin.xml thành hình ảnh trong suốt, tuy nhiên, quy trình liên quan nhiều hơn và giảm nhiều hơn về phía "hack".