How to oEmbed from custom field, responsive to container size and responsive

I completed the task with fitvids.js by using the plugin FitVids for WordPress.

Chris Coyier describes the integration with WordPress in his screencast Integrating FitVids.js into WordPress (on YouTube).

My custom field name is video_url. I used the following code in my template:

<?php if (!((get_post_meta($post->ID, 'video_url', TRUE))=='')) {
    echo wp_oembed_get( get_post_meta($post->ID, "video_url", true) );
}?>

In the settings of FitVids for WordPress, simply enter the containing div class or ID which represents the maximum width of the video.

enter image description here

For those who need it, Integrating FitVids.js into WordPress screencast shows how to check the theme for jQuery and for the proper CSS selector.

Related Posts:

  1. Apply the_content filter to a custom field with multiple values
  2. Auto embeding Vimeo/Youtube in custom fields (tinyMCE editor)
  3. WP_Query – Order results by meta value
  4. Custom query with orderby meta_value of custom field
  5. Difference between meta keys with _ and without _ [duplicate]
  6. Orderby meta_value only returns posts that have existing meta_key
  7. How to enable revisions for post meta data?
  8. Can I query custom meta data through WP_Query
  9. Including custom fields in search?
  10. Change behavior of “Insert into Post” based on attachment metadata
  11. Sort posts by custom field numeric value using dropdown
  12. How to position a custom field before the editor
  13. How can I display all values of a custom field from posts with a certain value of another custom field or from certain post types?
  14. Order by custom field date?
  15. can you set a default value to a custom field
  16. Multiple custom fields with the same name
  17. Adding Properties to User Profile and Displaying in List
  18. use get_posts to get custom field data, but in one array
  19. automatically set “Featured Image” the same as the og:i that is set in a custom field
  20. Display value of custom field not working
  21. WP_query : meta_key with custom rule for specific value
  22. BuddyPress – Hook to Update Custom Profile Fields [closed]
  23. How to get the db table row that has the biggest value in the meta value?
  24. making sense of admin-ajax
  25. Add url from Custom Field as ‘Featured Image’. Code not working
  26. Metabox will not save
  27. Masking Affiliate URL using $post_slug after “/go/”
  28. How to update a meta field of type array in Gutenberg
  29. How to wrap meta values seperated by comma in ? [closed]
  30. Create WordPress shortcode with php code inside
  31. Bulk remove post meta
  32. Is it better practice to use ‘This Name Format’ or ‘this-name-format’ for custom fields?
  33. Storing a DateTime Value in a Sortable Custom Field?
  34. WordPress Rest API to call page data associate with custom meta
  35. How to show a post if was published less than two hours ago?
  36. Custom field as Slug
  37. How to save the date/time of last update of an extra user profile field?
  38. How to populate custom field dropdown box based on prior selection?
  39. Define a post’s title and slug from Custom Fields
  40. How can you include custom post meta in search without calling each key?
  41. Custom wysiwyg editor doesn’t execute shortcodes?
  42. How to hide a div based on contents of custom field
  43. Hook after meta created
  44. What is the largest value you can store in a custom field (as meta data for a post)?
  45. Where does this field get its value?
  46. ORDER BY custom field value out of where clause
  47. Get all the posts where meta field with multiple choice has several values checked
  48. Warn user that data may be lost for custom pages
  49. List custom field values ​​in alphabetical order without repetition
  50. Can’t query by meta_key
  51. Display MP3 as media using an URL from a custom field
  52. WordPress custom fields feature is missing in my installation
  53. Print Posts if Custom Field Value Date equal or greater than Today Date
  54. Update post meta custom field using block editor
  55. If I update WordPress my custom data will be deleted from the wp_users table?
  56. Get emails from users by custom field SQL
  57. Save all custom field data into one “master” custom field
  58. Convert all dates stored in custom field
  59. Why am I getting a “Call to member function format() on a non-object” error?
  60. Plugin or shortcode for ISBN number?
  61. HM CMB: Role Select
  62. WP-eComerce Advance Meta Tag data in descending order [closed]
  63. Custom Query Fields – Altering Meta Value
  64. Replacing custom field with shortcode
  65. WPAlchemy issue when using 2 select menus with the same values inside a repeating group
  66. Adding re-type email and check it if the email match
  67. show a specific metabox dependent on the page template
  68. excluding posts by an ACF field in pagination
  69. Search & column order by meta value in admin
  70. Exclude URL’s from sanitize_html_classes
  71. Best way to insert a list of links into a post outside of the_content
  72. Is the use of many custom field not good for server?
  73. How to add a post’s view count into the WordPress API response
  74. How can I ‘check’ the “custom fields” box from the Screen Options?
  75. Can you generate a featured image from two images from custom fields?
  76. How to get all wp_posts in wordpress fetched from database
  77. Search fails when using the radio buttons
  78. automatically add custom fields to post title
  79. Custom Fields Permalink Plugin not observing hyphens
  80. will wp_insert_post write a new custom field to the database?
  81. How to repeate custom field group with bulk image field
  82. Extra text’n’image field in a page
  83. Get first URL from custom field, download and set as featured image on post publish
  84. Media Attachment Custom Meta Fields not saving in Media Uploader when using jQuery UI Autocomplete
  85. How to add an option to admin to add image that could be used as header?
  86. Custom Field add markup to line breaks
  87. Use Metabox to enter Post Title
  88. Include custom fields into the content of a regular page
  89. Bypassing a Form Options
  90. How to query posts that have certain post meta keys, and sort by meta key and/or value
  91. How to implement jquery-ui autocomplete into custom fields?
  92. Add image custom attribute [closed]
  93. i want to send email on custom post field (job_status == 2) but it is not working
  94. Foreach giving one too many list items, how can I remove the last empty line?
  95. Add custom fields to specific menus
  96. Add fields to edit in custom widget
  97. Can running a WP-Cron to update_post_meta cause performance issues?
  98. custom field value is blank or empty
  99. How to add a custom field to the comments “Quick Edit” screen?
  100. Multiple triggers when publishing, saving or updating a post in WordPress

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)