Fixes the settings screen videos showing "Error 153" on some sites.<\/p>","1.1.2":"
Tidier video panel on the settings screen, with a Hide videos control that is remembered.<\/p>","1.1.0":"
Adds image gallery and PDF flipbook fields.<\/p>","1.0.0":"
Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3667124,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3667124,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3667124,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3667124,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.1.0","1.1.1","1.1.2","1.1.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3667124,"resolution":"1","location":"assets","locale":"","width":1600,"height":1131},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3667124,"resolution":"10","location":"assets","locale":"","width":1600,"height":1131},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3667124,"resolution":"2","location":"assets","locale":"","width":1600,"height":1131},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3667124,"resolution":"3","location":"assets","locale":"","width":1600,"height":1131},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3667124,"resolution":"4","location":"assets","locale":"","width":1600,"height":1131},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3667124,"resolution":"5","location":"assets","locale":"","width":1600,"height":1131},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3667124,"resolution":"6","location":"assets","locale":"","width":1600,"height":1131},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3667124,"resolution":"7","location":"assets","locale":"","width":1600,"height":1131},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3667124,"resolution":"8","location":"assets","locale":"","width":1600,"height":1131},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3667124,"resolution":"9","location":"assets","locale":"","width":1600,"height":1131}},"screenshots":{"1":"Set your defaults once: the settings screen has one panel per field type, each with its own defaults and an on\/off switch \u2014 and the introduction video right at the top.","2":"Build tags without the syntax \u2014 every field gets its own generator in the Contact Form 7 editor. This is the 3D model generator with its camera options open.","3":"Turn pages like a brochure: a real page-turning PDF with page navigation, zoom, fullscreen and an optional download button. A plain scrolling mode is also available.","4":"Swipe through recent work in a carousel \u2014 arrows, pagination dots and optional autoplay, with the enquiry fields right underneath.","5":"Open any piece full size in the built-in lightbox, with captions, an image counter, arrow-key navigation and Escape to close. No extra plugin required.","6":"Show the work before they ask \u2014 a portfolio grid inside the enquiry form itself, so visitors browse the series and pick a piece without leaving the page.","7":"Let people spin it in 3D: an interactive glTF\/GLB model with orbit, zoom, auto-rotate, labelled hotspots and a \"View in your room\" AR button on supported phones.","8":"Play audio right where you ask \u2014 an episode player above the questions, in an accessible player with artist metadata and its own accent colour.","9":"Video, without leaving the form: self-hosted MP4\/WebM, YouTube or Vimeo, with a custom poster, accent colour and any combination of Plyr controls.","10":"Put media inside your forms \u2014 a commission enquiry form with the studio film at the top, the usual name and email fields, and the current series as a gallery underneath."}},"plugin_section":[],"plugin_tags":[452,1152,222,1609,1610],"plugin_category":[50,56],"plugin_contributors":[183994,226291],"plugin_business_model":[],"class_list":["post-357198","plugin","type-plugin","status-publish","hentry","plugin_tags-audio","plugin_tags-contact-form-7","plugin_tags-video","plugin_tags-vimeo","plugin_tags-youtube","plugin_category-media","plugin_category-social-and-sharing","plugin_contributors-abuhayat","plugin_contributors-bplugins","plugin_committers-bplugins"],"banners":{"banner":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/banner-772x250.png?rev=3667124","banner_2x":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/banner-1544x500.png?rev=3667124","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/icon-128x128.png?rev=3667124","icon_2x":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/icon-256x256.png?rev=3667124","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-1.png?rev=3667124","caption":"Set your defaults once: the settings screen has one panel per field type, each with its own defaults and an on\/off switch \u2014 and the introduction video right at the top."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-2.png?rev=3667124","caption":"Build tags without the syntax \u2014 every field gets its own generator in the Contact Form 7 editor. This is the 3D model generator with its camera options open."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-3.png?rev=3667124","caption":"Turn pages like a brochure: a real page-turning PDF with page navigation, zoom, fullscreen and an optional download button. A plain scrolling mode is also available."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-4.png?rev=3667124","caption":"Swipe through recent work in a carousel \u2014 arrows, pagination dots and optional autoplay, with the enquiry fields right underneath."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-5.png?rev=3667124","caption":"Open any piece full size in the built-in lightbox, with captions, an image counter, arrow-key navigation and Escape to close. No extra plugin required."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-6.png?rev=3667124","caption":"Show the work before they ask \u2014 a portfolio grid inside the enquiry form itself, so visitors browse the series and pick a piece without leaving the page."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-7.png?rev=3667124","caption":"Let people spin it in 3D: an interactive glTF\/GLB model with orbit, zoom, auto-rotate, labelled hotspots and a \"View in your room\" AR button on supported phones."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-8.png?rev=3667124","caption":"Play audio right where you ask \u2014 an episode player above the questions, in an accessible player with artist metadata and its own accent colour."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-9.png?rev=3667124","caption":"Video, without leaving the form: self-hosted MP4\/WebM, YouTube or Vimeo, with a custom poster, accent colour and any combination of Plyr controls."},{"src":"https:\/\/ps.w.org\/b-media-fields-for-cf7\/assets\/screenshot-10.png?rev=3667124","caption":"Put media inside your forms \u2014 a commission enquiry form with the studio film at the top, the usual name and email fields, and the current series as a gallery underneath."}],"raw_content":"\n
Watch the 2-minute introduction:<\/strong><\/p>\n\n https:\/\/youtu.be\/sbw-mq7Yugs<\/p>\n\n Media Fields for Contact Form 7<\/strong> adds media field types to Contact Form 7 that the core plugin does not ship: Step-by-step getting started tutorial<\/strong> (open a form, build your first media field, put the form on a page, set your defaults):<\/p>\n\n https:\/\/youtu.be\/Xq6rbmm0YbQ<\/p>\n\n Media is played with Plyr<\/a>, a lightweight, accessible and fully customisable player, and 3D models are rendered with Google's <model-viewer><\/a>. Every option of both libraries is exposed as a form-tag option, and visual tag generators<\/strong> (video, audio, 3D model) in the form editor let you build the tag without remembering any syntax. A modern settings screen (Contact \u2192 Media Fields) holds per-field-type defaults and lets you enable or disable each field type.<\/p>\n\n Coming next:<\/strong> a signature field and an image-choice field.<\/p>\n\n Layout & appearance \u2013 aspect ratio, max width, alignment, accent colour, poster image.\nPlayback \u2013 autoplay, muted, loop, reset on end, inline playback, autopause, volume, seek time, custom duration.\nControls \u2013 pick exactly which controls appear (play, progress, time, mute, volume, captions, settings, PiP, AirPlay, download, fullscreen, restart, rewind, fast-forward) and which items are in the settings menu.\nInterface \u2013 click-to-play, auto-hide controls, context menu, duration display, inverted time, tooltips, keyboard shortcuts (focused\/global), fullscreen options incl. iOS native, browser storage.\nCaptions \u2013 any number of WebVTT tracks, default language, captions on by default.\nSpeed & quality \u2013 default speed, speed options, default quality, quality options.\nMedia metadata \u2013 title, artist, album, artwork (Media Session \/ lock screen).\nMarkers & preview thumbnails \u2013 chapter markers on the timeline, WebVTT preview thumbnails.\nYouTube \u2013 nocookie, related videos, annotations, native controls, start\/end time, interface language.\nVimeo \u2013 byline, portrait, title, speed, transparent, native controls, premium, referrer policy.\nAdvanced \u2013 ads (VAST), debug, CORS, disable Plyr.<\/p>\n\n Layout \u2013 grid, masonry, justified rows or carousel, columns, gap, thumbnail ratio, row height, max width, alignment, fit instead of crop.\nCaptions & lightbox \u2013 per-image captions, built-in lightbox with keyboard navigation and an image counter, or open the file in a new tab instead.\nCarousel \u2013 autoplay with interval, arrows, pagination dots.<\/p>\n\n Layout \u2013 height, max width, alignment, background colour.\nViewer \u2013 flipbook (page turn) or scroll mode, opening page, single-page mode, page turn duration, page shadow, lazy or eager loading.\nToolbar \u2013 page navigation with a counter, zoom in\/out, fullscreen and an optional download button.<\/p>\n\n Layout \u2013 height, max width, alignment, background, poster colour, progress bar colour\/height\/hide.\nLoading \u2013 poster image, loading strategy, reveal, with-credentials, generate-schema (JSON-LD).\nCamera & interaction \u2013 camera controls, auto-rotate (delay, speed), camera orbit\/target, field of view, min\/max orbit & FoV, disable zoom\/pan\/tap, touch-action, orbit\/zoom\/pan sensitivity, interaction prompt (style, threshold), interpolation decay.\nAugmented reality \u2013 ar, ar-modes (WebXR, Scene Viewer, Quick Look), ar-scale, ar-placement, ios-src (USDZ), USDZ max texture size, xr-environment, custom AR button label.\nLighting & environment \u2013 environment-image (neutral \/ legacy \/ HDR URL), skybox-image, skybox-height, exposure, tone-mapping, shadow-intensity, shadow-softness.\nAnimation & scene \u2013 animation-name, autoplay, crossfade duration, variant-name, orientation, scale, bounds.\nHotspots \u2013 any number of annotations (position, label, optional normal) plus hotspot opacity.\nGLB \/ glTF \/ USDZ \/ HDR uploads are allowed in the Media Library while the 3D field is enabled.<\/p>\n\n Global defaults (accent colour, default controls, Plyr build, asset loading) live under Contact \u2192 Media Fields<\/strong>.<\/p>\n\n Development happens on GitHub: github.com\/bPlugins\/b-media-fields-for-cf7<\/a>. Bug reports and pull requests are welcome.<\/p>\n\n This plugin is an independent add-on developed by bPlugins. It is not affiliated with, endorsed by or sponsored by Contact Form 7 or its author, Takayuki Miyoshi. \"Contact Form 7\" is used only to describe compatibility.<\/p>\n\n The videos on the plugin's settings screen (the getting started tutorial and the introduction) are not loaded until you press play \u2014 the poster images are bundled with the plugin, and only then is an embed requested from youtube-nocookie.com.<\/p>\n\n Self-hosted media and 3D models never contact third parties. When you embed YouTube or Vimeo media, the visitor's browser loads the player from YouTube\/Vimeo and is subject to their privacy policies. Plyr and <model-viewer> are bundled with the plugin; no assets are loaded from a CDN. The AR \"Scene Viewer\" \/ \"Quick Look\" modes hand the model file to the device's native AR app.<\/p>\n\n This plugin bundles:<\/p>\n\n[video]<\/code>, [audio]<\/code>, [3d_models]<\/code>, [gallery]<\/code> and [pdf_flipbook]<\/code>, with more on the way. Place a media player or an interactive 3D model anywhere inside a form: an explainer above the fields, a product demo next to a quote request, a podcast episode in a feedback form, a welcome message in a registration form, and so on.<\/p>\n\nSupported media<\/h4>\n\n
\n
Every Plyr option<\/h4>\n\n
Image gallery options<\/h4>\n\n
PDF flipbook options<\/h4>\n\n
Every <model-viewer> option (3D models)<\/h4>\n\n
Quick examples<\/h4>\n\n
[video intro \"https:\/\/example.com\/intro.mp4\"]\n\n[video intro quality:720 poster:https:\/\/example.com\/poster.jpg \"https:\/\/example.com\/intro-1080.mp4|1080\" \"https:\/\/example.com\/intro-720.mp4|720\"]\n\n[video promo provider:youtube yt-nocookie ratio:16:9 \"https:\/\/www.youtube.com\/watch?v=bTqVqk7FSmY\"]\n\n[video promo provider:vimeo autoplay muted loop \"76979871\"]\n\n[audio podcast artist:Jane_Doe \"https:\/\/example.com\/ep1.mp3\"] Episode 1 [\/audio]\n\n[3d_models chair auto-rotate ar camera-orbit:45deg|60deg|2m hotspot:0|0.5|0.2|Handle \"https:\/\/example.com\/chair.glb\" \"https:\/\/example.com\/chair.usdz\"] Red armchair [\/3d_models]\n\n[gallery work columns:3 ratio:4:3 captions \"https:\/\/example.com\/a.jpg|Before\" \"https:\/\/example.com\/b.jpg|After\"]\n\n[pdf_flipbook brochure height:600 download \"https:\/\/example.com\/brochure.pdf\"]\n<\/code><\/pre>\n\nSource code & contributing<\/h4>\n\n
Developer hooks<\/h4>\n\n
\n
bmfcf7_option_fields<\/code> \u2013 filter the registry of form-tag options.<\/li>\nbmfcf7_player_config<\/code> \u2013 filter the Plyr config of a single player.<\/li>\nbmfcf7_frontend_data<\/code> \u2013 filter global data handed to the front-end script.<\/li>\nbmfcf7_model_option_fields<\/code> \/ bmfcf7_model_viewer_atts<\/code> \u2013 filter the 3D model options and rendered attributes.<\/li>\nbmfcf7_settings_schema<\/code> \u2013 add settings sections for new field types.<\/li>\nbmfcf7:ready<\/code> (detail.player is the Plyr instance) and window.bmfcf7.players<\/code>.<\/li>\n<\/ul>\n\nTrademark notice<\/h4>\n\n
Privacy<\/h4>\n\n
Third-party libraries<\/h3>\n\n
\n
assets\/vendor\/plyr\/<\/code>.<\/li>\nassets\/vendor\/model-viewer\/<\/code>; the unminified source is available at https:\/\/cdn.jsdelivr.net\/npm\/@google\/model-viewer@4.3.1\/dist\/model-viewer-umd.js and in the repository linked above.<\/li>\nassets\/vendor\/pdfjs\/<\/code>; unminified source at https:\/\/cdn.jsdelivr.net\/npm\/pdfjs-dist@3.11.174\/build\/pdf.js<\/li>\nassets\/vendor\/page-flip\/<\/code>.<\/li>\n<\/ul>\n\n\n