Jupyterノートブック内で動画・オーディオを再生する

Jupyterノートブック内で動画・オーディオを再生するには、以下の様なコードをセルに書きます。

〇ノートブック内に動画・オーディオを埋め込んだ例

ビデオの再生

1. セルマジック版
タグを記述するだけで、動画再生ができます。

%%HTML
<video width="640" height="480" controls>
  <source src="./media/hydrangea.mp4" type="video/mp4">
</video>

2. HTML出力コード版
上記と同じ内容をコードで出力します。

from IPython.display import HTML

HTML("""
    <video alt="hydrangea" width="640" height="480" controls>
        <source src="./media/hydrangea.mp4" type="video/mp4">
    </video>
""")

オーディオの再生

1. セルマジック版
タグを記述するだけで、オーディオ再生ができます。

%%HTML
<audio controls>
  <source src="./media/Come_Thru.mp3">
</audio>

2. HTML出力コード版
上記と同じ内容をコードで出力します。

from IPython.display import HTML

HTML("""
    <audio controls>
        <source src="./media/Come_Thru.mp3">
    </audio>
""")