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(__name__)

app.scripts.config.serve_locally = True


app.layout = html.Div(
    [
        dash_player.DashPlayer(
            id="video-player",
            url="https://media.w3.org/2010/05/bunny/movie.ogv",
            controls=True,
        ),
        dcc.Checklist(
            id="radio-bool-props",
            options=[
                {"label": val.capitalize(), "value": val}
                for val in ["playing", "loop", "controls", "muted", "seekTo"]
            ],
            value=["controls"],
        ),
    ]
)


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


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


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


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


@app.callback(Output("video-player", "seekTo"), [Input("radio-bool-props", "value")])
def update_prop_seekTo(values):
    if "seekTo" in values:
        return 5


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