[CSS] FlowPlayer, Video nur in der mitte

  • HTML

Es gibt 2 Antworten in diesem Thema. Der letzte Beitrag () ist von GirlOnFire.

    [CSS] FlowPlayer, Video nur in der mitte

    Hallo

    meine Videos sind nur in der Mitte und wird nicht von Rechts nach Links gesetzt. Also es soll den ganzen Player bedecken mit dem Video und nicht nur das kleine Viereck.

    Code:

    HTML-Quellcode

    1. <!doctype html>
    3. <head>
    5. <!-- player skin -->
    6. <link rel="stylesheet" type="text/css"
    7. href="http://releases.flowplayer.org/5.3.2/commercial/skin/minimalist.css" />
    9. <style>
    10. /* site specific styling */
    11. body {
    12. font: 12px "Myriad Pro", "Lucida Grande", "Helvetica Neue", sans-serif;
    13. text-align: center;
    14. padding-top: 1%;
    15. color: #999;
    16. background-color: #333333;
    17. }
    19. /* custom player skin */
    20. .flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 800px; }
    21. .flowplayer .fp-controls { background-color: rgba(17, 17, 17, 1)}
    22. .flowplayer .fp-timeline { background-color: rgba(204, 204, 204, 1)}
    23. .flowplayer .fp-progress { background-color: rgba(0, 167, 200, 1)}
    24. .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
    25. .flowplayer { background-image: url(image.png)}
    27. </style>
    29. <!-- flowplayer depends on jQuery 1.7.1+ -->
    30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    32. <!-- flowplayer javascript component -->
    33. <script src="http://releases.flowplayer.org/5.3.2/commercial/flowplayer.min.js"></script>
    35. </head>
    37. <body>
    40. <div data-swf="http://releases.flowplayer.org/5.3.2/commercial/flowplayer.swf"
    41. class="flowplayer play-button"
    42. data-ratio="0.5625" data-key="16cf9ea374b2c0723ac" data-logo="domain" data-embed="true">
    43. <video>
    44. <source type="video/mp4" src="video-1.mp4"/>
    45. </video>
    46. </div>
    48. </body>


    Danke im voraus