Create a div container with rounded corners and overflow:hidden. Then place the video in it. <style> .video-mask{ width: 350px; border-radius: 10px; overflow: hidden; } </style> <div class=”video-mask”> <video></video> </div>
Just came across this question and although it is a little old I am posting this for future readers (who; like me, probably come from Google). So as of today this is the event list for html5 media (according to W3C): onabort : Script to be run on abort oncanplay : Script to be run … Read more
Yes, this sort of thing is possible without Flash: http://hacks.mozilla.org/2009/06/tristan-washing-machine/ http://jakearchibald.com/scratch/alphavid/ However, only very modern browsers supports HTML5 videos, and this should be your consideration when deploying in HTML 5, and you should provide a fallback (probably Flash or just omit the transparency).
or you can simply add nodownload in controlsList <video width=”512″ height=”380″ controls controlsList=”nodownload”> <source data-src=”https://stackoverflow.com/questions/39602852/mov_bbb.ogg” type=”video/mp4″> </video>
(updated 2019, removed unnecessarily costly method) Just do: from IPython.display import Video Video.from_file(“test.mp4”) If you get an error No video with supported format or MIME type found, just pass embed=True to the function: Video(“test.mp4”, embed=True). Or if you want to use the HTML element: from IPython.display import HTML HTML(“”” <video alt=”test” controls> <source src=”test.mp4″ type=”video/mp4″> … Read more
Google has added a new feature since the last answer was posted here. You can now add the controlList attribute as shown here: <video width=”512″ height=”380″ controls controlsList=”nodownload”> <source data-src=”https://stackoverflow.com/questions/41115801/mov_bbb.ogg” type=”video/mp4″> </video> You can find all options of the controllist attribute here: https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist
The method you used above is only valid for a file that is 100MB or smaller. You can actually stream Google Drive video using the HTML 5 video tag regardless of the size. It took me a while to figure this out so here it is: Get the shareable link of your video. This can … Read more
You can create two different streams, one for each camera, and show them simultaneously in two <video> tags. The list of available devices is available using navigator.mediaDevices.enumerateDevices(). After filtering the resulting list for only videoinputs, you have access to the deviceIds without needing permission from the user. With getUserMedia you can then request a stream … Read more
I found some Apple documentation that says that it does in fact need that for video. HTTP servers hosting media files for iOS must support byte-range requests, which iOS uses to perform random access in media playback. (Byte-range support is also known as content-range or partial-range support.) Most, but not all, HTTP 1.1 servers already … Read more
After much faffing around a friend finally pointed me in the right direction. The events I was looking for are: webkitbeginfullscreen and webkitendfullscreen var player = document.getElementsByTagName(“video”)[0]; player.addEventListener(‘webkitbeginfullscreen’, onVideoBeginsFullScreen, false); player.addEventListener(‘webkitendfullscreen’, onVideoEndsFullScreen, false); With that I can safely capture when the user clicks over the fullscreen button on Safari for the iPads. Interestingly the same … Read more