javascript
  • jquery
  • mediaelement.js
  • 2016-07-04 22 views 0 likes 
    0

    有沒有什麼辦法可以隱藏媒體元素jQuery的控制? 我只想使用按鈕循環播放。 我的代碼像隱藏控制媒體元素jquery

    <video width="100%" height="760" id="player2" poster="video/loader.jpg" preload="none" style="width: 100%; height: 100%;" data-mejsoptions='{"alwaysShowControls": false}'> 
         <!-- MP4 source must come first for iOS --> 
         <source type="video/mp4" src="video/inspiration-1.mp4" /> 
         <!-- WebM for Firefox 4 and Opera --> 
         <source type="video/webm" src="../media/echo-hereweare.webm" /> 
         <!-- OGG for Firefox 3 --> 
         <source type="video/ogg" src="../media/echo-hereweare.ogv" /> 
         <!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off --> 
         <object width="100%" height="760" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf">  
         <param name="movie" value="css.video/flashmediaelement.swf" /> 
         <param name="flashvars" value="controls=true&amp;file=video/inspiration-1.mp4" />  
         <!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed --> 
         <img src="img/loader.jpg" width="100%" height="360" alt="Here we are"       title="No video playback capabilities" /> 
         </object> 
        </video> 
    <script> 
    
    $('audio,video').mediaelementplayer({ 
        //mode: 'shim', 
        success: function(player, node) { 
         $('#' + node.id + '-mode').html('mode: ' + player.pluginType); 
        } 
    }); 
    
    </script> 
    

    此代碼爲我工作,控制器仍然顯示。如何擺脫它?

    +0

    難道回落到Flash Player爲其'控制= TRUE;設置? – Lifz

    +0

    恩,它沒有做任何事,先生 –

    回答

    0

    從最簡單的形式開始,並從那裏添加以查看問題出現的位置。只要使用純HTML,並確保你使用HTML5(<!DOCTYPE html>

    <video src='video/inspiration-1.mp4' poster="video/loader.jpg" preload="none"></video> 
    
    相關問題