import dash_player
import dash
import dash_html_components as html
import dash_core_components as dcc
from dash.dependencies import Input, Output

app = dash.Dash('')

app.scripts.config.serve_locally = True


app.layout = html.Div([
    dash_player.PlayerComponent(
        id='video-player',
        url='http://media.w3.org/2010/05/bunny/movie.mp4',
        controls=True
    ),

    dcc.Checklist(
        id='radio-bool-props',
        options=[{'label': val.capitalize(), 'value': val} for val in [
            'playing',
            'loop',
            'controls',
            'muted'
        ]],
        values=['controls']
    )
])


@app.callback(Output('video-player', 'playing'),
              [Input('radio-bool-props', 'values')])
def update_prop_playing(values):
    return 'playing' in values


@app.callback(Output('video-player', 'loop'),
              [Input('radio-bool-props', 'values')])
def update_prop_loop(values):
    return 'loop' in values


@app.callback(Output('video-player', 'controls'),
              [Input('radio-bool-props', 'values')])
def update_prop_controls(values):
    return 'controls' in values


@app.callback(Output('video-player', 'muted'),
              [Input('radio-bool-props', 'values')])
def update_prop_muted(values):
    return 'muted' in values


if __name__ == '__main__':
    app.run_server(debug=True)