2013-12-05 3 views
2

Возможно ли использовать uibutton/uiview поверх видео? В основном, я хочу иметь экран (UIVIew) с кнопками поверх него. так, видео будет играть, как это и пользователь может выполнять действия с кнопками/UIViewкнопка ввода или UIView поверх видео

Моего видео файл в формате мы

+0

отправьте изображение, где хотите поставить кнопку – Rushabh

+0

установить кадр вашего видеоконтроллера – Rushabh

ответ

2

Попробуйте с этим ...

- (void)playVideoInLoopMode:(BOOL)loop 
{ 
    NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"myvideo" ofType:@"m4v"]]; 

    MPMoviePlayerController *mp = [[MPMoviePlayerController alloc] initWithContentURL:url]; 
    mp.controlStyle = MPMovieControlStyleNone; 

    if (loop) 
    { 
     mp.repeatMode = MPMovieRepeatModeOne;   
    } 

    mp.view.frame = CGRectMake(0.0, 0.0, self.view.bounds.size.width, self.view.bounds.size.height); 
    self.player = mp; 
    [self.view addSubview:self.player.view]; 
    image = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"myimage.png"]]; 
    image.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height); 
    [self.player addSubview:image]; 
    [self.player prepareToPlay]; 
    [self.player play]; 
} 
0

Постарайся [player.view addSubview:button] где игрок MPMoviePlayerController экземпляр.

0

Вы можете попробовать это:

Видео Подставьте mp4 файл video.mp4

CSS style.css

#video{ position: relative; } 

.myButtons a{ position: absolute; right: 10px; 
    border: 1px solid blue; display: block; background: #FFF; 
    z-index: 2147483647; 
} 

HTML/PHP index.php

<!DOCTYPE HTML> 

<html> 
    <head> 
     <title>Title Here</title> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1" /> 
     <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> 
     <script src="js.js"></script> 
     <link rel="stylesheet" href="style.css" /> 
     <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> 
     <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> 
    </head> 
    <body> 
<div id="video"> 

    <video width="100%" src="video.mp4" controls></video><br><br/> 
     <div class="myButtons"> 
     <?php 
      $i=1; 
      echo "<a href=\"#\" style=\"top:0px\">btn-primary</a>"; 
      $j = 30*$i; 
      echo "<a href=\"#\" style=\"top:$j"."px\">btn-primary</a>"; 
      $j = 30*++$i; 
      echo "<a href=\"#\" style=\"top:$j"."px\">btn-primary</a>"; 
      $j = 30*++$i; 
      echo "<a href=\"#\" style=\"top:$j"."px\">btn-primary</a>"; 
     ?> 

     </div> 
</div> 
    <style> 
button{ 
display: block; 
margin-top: 10px; 
} 
</style> 
    </body> 
</html> 

Единственная проблема, я столкнулся в том, что на мобильных телефонах, когда полный экран происходит, кнопки исчезают ... Любой человек с решением для IOS/Android?

Следующий тест для выполнения будет делать это с jwPlayer, будет держать вас в курсе.

Смежные вопросы