플레이어 컨트롤은 다른 사용자 에이전트에 따라 다릅니다

아티스트 페이지에서 mediaelement를 처음 사용합니다. 멋진 찾고 컨트롤 (control.png)을 사용할 수 없습니다.플레이어 컨트롤은 다른 사용자 에이전트에 따라 다릅니다

컨트롤이 다른 브라우저 버전마다 다릅니다. (Opera, IE, FF, Chrome, Safari) 그래서 실수로 생각하고 각 브라우저에서 기본 html5 컨트롤을 사용합니다.

</head> 
<script> 
// using jQuery 
//$('video,audio').mediaelementplayer(/* Options */); 

$('video').mediaelementplayer('player', { 
// if the <video width> is not specified, this is the default 
defaultVideoWidth: 598, 
// if the <video height> is not specified, this is the default 
defaultVideoHeight: 478, 
// if set, overrides <video width> 
videoWidth: -1, 
// if set, overrides <video height> 
videoHeight: -1, 
// width of audio player 
audioWidth: 400, 
// height of audio player 
audioHeight: 30, 
// initial volume when the player starts 
startVolume: 0.8, 
// useful for <audio> player loops 
loop: false, 
// enables Flash and Silverlight to resize to content size 
enableAutosize: true, 
// the order of controls you want on the control bar (and other plugins below) 
features: ['playpause', 'loop', 'progress','current','duration','tracks','volume','fullscreen'], 
// Hide controls when playing and mouse is not over the video 
alwaysShowControls: false, 
// force iPad's native controls 
iPadUseNativeControls: false, 
// force iPhone's native controls 
iPhoneUseNativeControls: false, 
// force Android's native controls 
AndroidUseNativeControls: false, 
// forces the hour marker (##:00:00) 
alwaysShowHours: false, 
// show framecount in timecode (##:00:00:00) 
showTimecodeFrameCount: false, 
// used when showTimecodeFrameCount is set to true 
framesPerSecond: 25, 
// turns keyboard support on and off for this instance 
enableKeyboard: true, 
// when this player starts, it will pause other players 
pauseOtherPlayers: true, 
// array of keyboard commands 
keyActions: [] 

}); 

</script> 
<body id="archive">

그리고 마지막으로 비디오 :

이

<div class="video"> 

<video id="player" width="598" height="478" poster="poster.png" controls="controls" preload="none"> 
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --> 
<source type="video/mp4" src="rot.mp4" /> 
<!-- WebM/VP8 for Firefox4, Opera, and Chrome --> 
<source type="video/webm" src="rot.webm" /> 
<!-- Ogg/Vorbis for older Firefox and Opera versions --> 
<source type="video/ogg" src="rot.ogv" /> 
<!-- Optional: Add subtitles for each language --> 
<!-- track kind="subtitles" src="subtitles.srt" srclang="en"/--> 
<!-- Optional: Add chapters --> 
<!-- track kind="chapters" src="chapters.srt" srclang="en"/--> 
<!-- Flash fallback for non-HTML5 browsers without JavaScript --> 
<object width="598" height="478" type="application/x-shockwave-flash" data="flashmediaelement.swf"> 
    <param name="movie" value="flashmediaelement.swf" /> 
    <param name="flashvars" value="controls=true&file=rot.mp4" /> 
    <!-- Image as a last resort --> 
    <img src="poster2.png" width="598" height="478" title="No video playback capabilities" /> 
</object> 
</video> 
</div>

은 사람이 볼 수있는, 내 잘못이야

<link href="mediaelementplayer.css" rel="stylesheet" type="text/css" media="screen" /> 
<script type="text/javascript" src="jquery-1.7.1.js"></script> 
<script type="text/javascript" src="fullscreenapi.js"></script> 
<script type="text/javascript" src="mediaelement-and-player.min.js"></script>

그런 다음 몇 가지 스크립트가 제공 :

나는 헤더에 추가? 감사합니다. Tom

출처

2012-03-14 user1267223

미안하지만 - 어떤 아이디어? – user1267223

대체로 플래시/실버 라이트 버전을 타격 할 가능성은 있습니까? 나는 그 가을을 다시 읽는 것을 기억하고있다. – bhawkeswood

-1

당신은 yout html 문서에서 mediaelementplayer.min.css를 참조해야합니다.

출처

2012-07-16 15:53:21

플레이어 컨트롤은 다른 사용자 에이전트에 따라 다릅니다

답변

관련 문제