Comments (10)
@simonwheatley pointed out that we could do this in a modal window that calls the oembed endpoint for the item. That way we could add support to the core plugin for previewing for any service that supports oembed. Thoughts?
from media-explorer.
We'd end up with a modal-in-a-modal, which makes me hesitate. I think we'd need to do some mockups/PSDs exploring this possibility and any other ideas we come up with.
from media-explorer.
First off, I think allowing a preview before embedding is definitely worth achieving.
Perhaps the ability to “expand” one result at a time, sliding it open to give more height, and show the video playing in the midst of the other results? Not sure how this would work with the grid layout of the YT results.
from media-explorer.
@simonwheatley @paulgibbs Perhaps it would be cool to trigger a countdown on the hover state of the videos and, when some time passes (0.5 - 1 secs maybe) replace the image by the embed of YouTube... But I don't know if there is possible to embed a video and play it without the interaction of the user.
from media-explorer.
Auto play is not possible on YT without some text manipulation of the returned HTML (though that is fairly straightforward). Would the thumbs be big enough to see which video it was?
from media-explorer.
Here's the auto play code, in case it's handy:
$html = wp_oembed_get('http://www.youtube.com/watch?v=oqMl5CRoFdk&autoplay=1#t=0m05s');
// Auto play video :D
$html = preg_replace( '/src="([^\"]+)"/i', 'src="${1}&loop=1&autoplay=1"', $html );
echo $html;
from media-explorer.
Actually, I am trying it and it's possible to embed an autoplayable video just by appending "?autoplay=1" to the src attribute of the iframe.
Hope to have at least a draft by the end of today.
from media-explorer.
I have done some progress in this. Actually I've commited fa38e63, which doesn't instantly replaces the image by the video. Instead, it waits a second and then replaces it.
Any thoughts about it?
from media-explorer.
Might be better to use some sort of click-to-preview (instead of on-hover)?
from media-explorer.
Yes, It think it's better to use a click instead a hover @mjangda.
I've implemented it in e44e5cb
from media-explorer.
Related Issues (20)
- blue “Insert Tweet” button sometimes disappears HOT 4
- Instagram Integration HOT 2
- Facebook Integration HOT 1
- "Insert Tweet" button sometimes disappears
- Only URL inserted HOT 2
- Better documentation for setup HOT 5
- Make service authentication an easier process. HOT 1
- WP 4.0: "edit" inserted object = Insert from URL
- YouTube and Instagram services are not working
- Add Upload tab
- mexp_ajax_request_args filter doesn't work
- Open up the "Wiki" tab on GitHub
- How to include MEXP into Featured Image and ACF Image Fields
- Search By User Creates Infinite Loop
- Abandoned? HOT 2
- Gutenberg integration HOT 2
- Instagram and youtube ?
- Wordpress 5.0 support
- Instagram API no longer valid
- Deprecation Warning Thrown on PHP8.2 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from media-explorer.