How to display thumbnail preview of the local video (Existing video from our site) which is embedded through Media library module in the CKEditor - ckeditor

I have enabled Media library module in Drupal9 and configured it in the CKEditor module to embed existing videos from our site.Attached screenshot of media library embeded in ckeditor
In the Drupal CKEditor module, If I embed the local video file (existing video from our site) through the media library It is displaying in button format.Displayed in button format
But I want to display thumbnail preview of the selected video like YouTube videos (I have shared a test screenshot below) example of Preview I want to display
How to display thumbnail preview of the local video file (Existing video from our site) which is embedded through Media library module in the CKEditor.
Drupal version- 9.4.8 and PHP version- 8.1.6
Embedded Media library module with ckeditor : https://www.drupal.org/docs/core-modules-and-themes/core-modules/media-library-module/embedding-media-with-ckeditor
Thanks in advance...
I have tried Video embed field Drupal contributed module but it only supports to the YouTube and Vimeo URLs

Related

is there any HTML5 Video plugin for chkeditor5?

I need HTML5 video plugin for chkeditor5. This plugin is designed for chkeditor4. Media embed plugin that is designed for chkeditor 5 dosent meet my need. I will upload mp4 videos using chkfinder and i need chkeditor 5 to play that video. Media embed plugin can just play youtube and some other sites videos.

Webview webpage + Video or Youtube

I recently found a digital billboard project called DisplayMonkey, which shows me digital content such as: images, videos, html, etc. The problem is that when you show a YouTube video or any other media this does not automatically reproduce.
To which I refer, the project that I use that would be the Display, shows me in html file all the content that I have and does it in a random way, when it comes to the video it does not reproduce it.
Need autoplay youtube or alternative server videos
The web page that the display shows me is the following:
http://display-dev.cclcloud.co
user: test
password: 2019**
Any opinion on how you should do this? html + js code pure?
I have tried several alternatives and it has not worked for me, need help, thanks

Enable VideoJS to play .mov

I have set up a wordpress theme called Video Board, the site I am building allows users to upload their videos for comments. Uploading a video from a mobile device is critical, the theme supports mp4 which covers android users, however it does not support .mov. Has anyone come across a way to play .mov in videojs?
The server has ffmpeg installed, however the last plugin I tried needed its own upload page which worked however videos were not captured in the themes latest uploads/popular posts etc.
I know a conversion would be the proper way to do it, but at this point I would even be happy working out a way that when users upload videos through the theme upload page, it doesn't actually convert but just changes the file extension(renames) it to .mp4, as that is all I have been doing to fill out some content.
I am open to all suggestions,
Thanks,
Sam
There are tech plugins for video.js, but these will require browser plugins. You're far better off converting the mov files after upload to standard formats, e.g. h264/acc MP4

Brightcove player is not loading in Adobe Connect

I created a application in flex, a swf files is generated. When I open this file in browser, I can able to view the video. But if I drag and drop this swf file in Adobe Connect sharing pod, no video is getting loaded.
Please help..
There is some unknown problem with brightcove player, when using in adobe connect environment. Hence according to suggestions of my manager, I used the brightcove API to get the videoIds and played videos using the "VideoDisplay" control in adobe flex. It is working very much fine.

Mediaelement.js loading wrong format Ffox (MAC)

I`m using mediaelement.js library to display videos. The issue is that for Firefox 3.6.13 on MAC the library loads the .mp4 version of the video and not the .ogv version (wich when loaded is displayed properly).My video sources are in the standard order : ".mp4", ".webm", ".ogv". Is it possible to make the browser load the .ogv version ?
Under MAC video acts differently whenever you have QuickTime installed. The MAC would default to playing the QuickTime supported video instead of the HTML 5 format that it supports in this case OGG. My suggestion would be to detect platform and to remove the .mp4 source using Modernizr.
if (Modernizr.video.ogg) {
// Remove mp4 source
}
Here is documentation on Modernizr.

Resources