Video

Displays a simple video player.

Video

<!-- video.blade.php -->
    <video id="62becb7cd697c" class="c-video" width="600" height="300" controls   data-uid="62becb7cd6977">

                    <source class="c-video__source" src="https://storage.googleapis.com/coverr-main/mp4/Self-Serve-in-Arizona.mp4" type="video/mp4">
        
                    <!-- notice.blade.php -->
<div id="62becb7cd6d80" class="c-notice c-notice--info" data-uid="62becb7cd6d7d" aria-labelledby="notice__text__62becb7cd6d80">
    
    <!-- notice__ico -->
        
    <!-- notice__title -->
    
    <!-- notice__text -->
    <span id="notice__text__62becb7cd6d80" for="" class="c-notice__message">
                This component is not supported by your browser.
    </span>

</div>                    
    </video>
@video([
    'formats' => [
        ['src' => "https://storage.googleapis.com/coverr-main/mp4/Self-Serve-in-Arizona.mp4", 'type' => "mp4"],
    ]
])
@endvideo

Blade component parameters

Key Default value Type Available values Description
hasControls true boolean - -
isMuted false boolean - -
shouldAutoplay false boolean - -
errorMessage This component is not supported by your browser. string - -
formats [] array - -
height 300 integer - -
width 600 integer - -
id string - The DOM id of the component.
classList [] array - Array containing wrapping classes array
attributeList [] array - Array containing keys and values rendered as attributes
containerAware false boolean true/false Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.
Settings location: /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Video/video.json