<div dir="ltr">Media 2.0 works great. If it's just showing the grey box in edit mode you should enable the Media WYSIWYG View Mode and configuring a custom 'WYSIWYG' view mode for videos and in admin/structure/file-types/manage/video/file-display/wysiwyg select YouTube preview image.<div>
<br></div><div>Use FitVids for responsive videos. You'll need the JS library at <a href="https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js" target="_blank">https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js</a></div>
<div><br></div><div>Below are my set up notes</div><div><br></div><div>Neil</div><div><p>Media 2.0 takes a new approach to uploading images, videos, audio and
document files which leverages the core File Field module and Views.
This implementation will focus on using WYSIWYG module and CKEditor for a
simple user interface.</p>
<h3>Modules to install and enable</h3>
<p><strong>File Entity</strong> - File management API <a href="http://drupal.org/project/file_entity" target="_blank">http://drupal.org/project/file_entity</a><span></span><br><strong>Media</strong> - Media file management <a href="http://drupal.org/project/media" target="_blank">http://drupal.org/project/media</a><span></span> (use 7.2.x branch) including <strong>Media Internet Sources</strong> and <strong>Media WYSIWYG View Mode</strong><br>
<strong>Media: Youtube </strong>- Embed Youtube videos <a href="http://drupal.org/project/media_youtube" target="_blank">http://drupal.org/project/media_youtube</a><span></span> (use 7.2.x branch)<br><strong>Media: Vimeo</strong> - Embed Vimeo videos <a href="http://drupal.org/project/media_vimeo%C2%A0" target="_blank">http://drupal.org/project/media_vimeo </a><span></span> (use 7.2.x branch)<br>
<strong>FitVids</strong> - Responsive media classes. <a href="http://drupal.org/project/fitvids" target="_blank">http://drupal.org/project/fitvids</a><span></span></p>
<h3>Configuration</h3>
<p><strong>File types</strong> - /admin/structure/file-types</p>
<p>Image - /admin/structure/file-types/manage/image/edit</p>
<p style="margin-left:40px">add 'Mimetypes'<br>image/jpeg<br>image/gif<br>image/png</p>
<p>Manage file display - /admin/structure/file-types/manage/image/file-display<br>Defaults will work OK</p>
<p>Video -/admin/structure/file-types/manage/video/edit</p>
<p style="margin-left:40px">add 'Mimetypes'<br>video/mp4<br>video/vimeo<br>video/youtube</p>
<p>Manage file display - /admin/structure/file-types/manage/video/file-display<br>Enable<br>Video (HTML5 video tag)<br>Vimeo Video<br>YouTube Video</p>
<p>Audio - /admin/structure/file-types/manage/audio/edit</p>
<p style="margin-left:40px">add 'Mimetypes'<br>audio/mp4<br>audio/mpeg</p>
<p>Manage file display - /admin/structure/file-types/manage/audio/file-display<br>Defaults will work OK<br>Audio (HTML5 audio tag)</p>
<p>Media browser settings /admin/config/media/browser<br>Media browser theme - Seven<br>WYSIWYG configuration - Select; Upload, Library, Web<br>File directory for uploaded media (defaults to "files" otherwise create a directory eg. files/media)</p>
<p><strong>FitVids</strong> - /admin/config/media/fitvids<br>YouTube, Vimeo and Kickstarter are supported by default.<br>'body' is the only required jQuery selector<br>You can add other 'Video containers'<br>
eg.<br>.region<br>or 'Custom iframe URLs'<br><a href="http://embed.ted.com" target="_blank">http://embed.ted.com</a><span></span><br><a href="http://www.dailymotion.com" target="_blank">http://www.dailymotion.com</a><span></span></p>
<p><strong>CKEditor</strong><br>/admin/config/content/formats/rich_text<br>Enable '<label>Convert Media tags to markup' filter set it as last filter (after </label></p>
<p>/admin/config/content/wysiwyg/profile/rich_text/edit<br>Enable the 'Media browser button'</p></div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On 21 January 2014 21:30, Alison <span dir="ltr"><<a href="mailto:penguin@alisoncc.com" target="_blank">penguin@alisoncc.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div>
As a general question relating to Media. <br><br>
Is IMCE seen as being complimentary to Media - ie.most people
install both, or does it fill a similar function - so people choose one
of the other? Thanks<br><br>
Alison<div class="im"><br><br>
<br><br>
<br><br>
At 11:50 AM 22-01-14, you wrote:<br>
</div><blockquote type="cite"><div class="im">I ran into the same thing so I
just bypassed media and installed the youtube field module. Works
great.<br><br>
<br>
On Tue, Jan 21, 2014 at 4:55 PM, Nancy Wichmann
<<a href="mailto:nan_wich@bellsouth.net" target="_blank">nan_wich@bellsouth.net</a>
> wrote:<br>
</div><dl>
<dd><div class="im">Yes, and the File Entity module too. I'm just getting a gray box
instead of a play window. The box says "No video with support format
and MIME type found."<br><br>
</div></dd><dd><div class="im">The issue queues have not been terribly helpful. It seems that there
is a lot of module bouncing going on with the three of them.<br><br>
</div></dd><dd><div class="im">I may have to drop back to 7.x-1.x.<br>
</div></dd><dd> <br>
</dd><dd><font face="bookman old style" size="4" color="#FF007F">Nancy
</font><br><br>
<dl><br>
<dd>From: Steve Kessler
<<a href="mailto:skessler@denverdataman.com" target="_blank">
skessler@denverdataman.com</a>><br><br>
</dd><dd>Have you installed the Media You Tube module
(<a href="https://drupal.org/project/media_youtube" target="_blank">
https://drupal.org/project/media_youtube</a>). It just works to add
itsself t the web tab on the media insert button. It has just worked
for me but I would be glad to answer any specific questions.<br><br>
</dd><dd>Hope this helps. <br><br>
</dd><dd>-Steve<br><br>
</dd></dl></dd></dl><div class="im"><br>
<dd>--<br>
</dd><dd>[ Drupal support list |
<a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a>
]<br><br>
</dd></div><div class="im"><br>
-- <br>
[ Drupal support list |
<a href="http://lists.drupal.org/" target="_blank">
http://lists.drupal.org/</a> ]</div></blockquote></div>
<br>--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br></blockquote></div><br></div>