Center html video, similar to count-object-crossing cookbook

This commit is contained in:
Nick Herrig 2024-02-21 11:00:18 -06:00
parent e9d0635a74
commit a1d4cb8b33
1 changed files with 11 additions and 25 deletions

View File

@ -17,7 +17,7 @@
},
{
"cell_type": "code",
"execution_count": 5,
"execution_count": 10,
"metadata": {
"vscode": {
"languageId": "shellscript"
@ -53,35 +53,21 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"With this, we now have a high quality video asset for use in demos. Let's take a look at what we downloaded."
"With this, we now have a high quality video asset for use in demos. Let's take a look at what we downloaded. Keep in mind that the video preview below works only in the web version of the cookbooks and not in Google Colab.\n"
]
},
{
"cell_type": "code",
"execution_count": 6,
"cell_type": "markdown",
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"<video src=\"subway.mp4\" controls >\n",
" Your browser does not support the <code>video</code> element.\n",
" </video>"
],
"text/plain": [
"<IPython.core.display.Video object>"
]
},
"execution_count": 6,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from IPython.display import Video\n",
"\n",
"# Display a video.\n",
"Video(\"subway.mp4\")"
"<div style=\"display: flex; justify-content: center;\">\n",
" <video controls width=\"320\" height=\"240\">\n",
" <source\n",
" src=\"https://media.roboflow.com/supervision/video-examples/subway.mp4\"\n",
" type=\"video/mp4\"\n",
" >\n",
" </video>\n",
"</div>"
]
},
{