Flowplayer Video Player vs Insert Pages

Flowplayer Video Player adds a video shortcode to your WordPress site. This shortcode allows you to embed a video file and play it back using the Flowplayer HTML5 player. Features Embed MP4 videos Embed webm videos Embed videos which can be viewed from a mobile or tablet device Video playback support for iOS (ipad, iphone) and android devices Embed HTML5 videos which are playable across all major browsers Embed videos with poster images Embed videos and allow it to loop to the beginning when finished Customize the video player using modifier classes Automatically play a video when the page is rendered Embed videos using three different skins Automatically calculate the height of a video based on its width Flexible resizing of a video (true responsiveness) Embed a video with various aspect ratios (16:9, 4:3) Usage In order to embed a video, create a new post/page and use the following shortcode: [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4"] here, src is the actual source of your mp4 video file. In addition to the source mp4 video file, you can also specify a webm video file. This step is optional since mp4 video format is supported by almost all major browsers. [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" webm="http://example.com/wp-content/uploads/videos/test.webm"] Poster Image If you want to show an image as placeholder before the video plays, you can specify it in the “poster” parameter: [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" poster="http://example.com/wp-content/uploads/images/poster.jpg"] Autoplay Video If you want a particular video to start playing when the page loads you can set the “autoplay” option to “true”: [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" autoplay="true"] Player Size By default, the player takes up the full width of the content area. You can easily control the size by specifying a width for it: [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" width="500"] The height will be automatically determined based on the ratio (please see the “Control Player Ratio section” for details). Player Ratio The player ratio is set to “0.417” by default. But you can override it by specifying a different ratio in the shortcode: [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" ratio="0.345"] Loop Video If you want a particular video to start playing again when it ends you can set the “loop” option to “true”: [flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" loop="true"] For documentation please visit the Flowplayer Video Player plugin page

Insert Pages lets you embed any WordPress content (e.g., pages, posts, custom post types) into other WordPress content using the Shortcode API. It also includes a widget for inserting pages into any widget area. The real power of Insert Pages comes when you start creating custom post types, either programmatically in your theme, or using another plugin like Custom Post Type UI. You can then abstract away common data types (like videos, quizzes, due dates) into their own custom post types, and then show those pieces of content within your normal pages and posts by Inserting them as a shortcode. Advanced Tutorial Contributor Wes Modes has graciously written an updated tutorial for the Gutenberg era, focused on creating a custom post type with custom fields and a custom template for rendering content. Read it here: https://medium.com/@wesmodes/using-wordpress-insert-pages-plugin-with-your-custom-post-types-and-custom-templates-535c141f9635 Example: Normal Use Case Say you teach a course and you’re constantly referring to an assignment due date in your course website. The next semester the due date changes, and you have to go change all of the locations you referred to it. Instead, you’d rather just change the date once! With Insert Pages, you can do the following: Create a custom post type called Due Date. Create a new Due Date called Assignment 1 Due Date with Fri Nov 22, 2013 as its content. Edit all the pages where the due date occurs and use the Insert Pages toolbar button to insert a reference to the Due Date you just created. Be sure to set the Display to Content so Fri Nov 22, 2013 shows wherever you insert it. The shortcode you just created should look something like this: [insert page='assignment-1-due-date' display='content'] That’s it! Now, when you want to change the due date, just edit the Assignment 1 Due Date custom post you created, and it will automatically be updated on all the pages you inserted it on. Example: Advanced Use Case Say your site has a lot of video content, and you want to include video transcripts and video lengths along with the videos wherever you show them. You could just paste the transcripts into the page content under the video, but then you’d have to do this on every page the video showed on. (It’s also just a bad idea, architecturally!) With Insert Pages, you can use a custom post type and create a custom theme template to display your videos+transcripts+lengths just the way you want! Create a custom post type called Video. Use a plugin like Advanced Custom Fields to add extra fields to your new Video custom post type. Add a Video URL field, a Transcript field, and a Video Length field. Create a new Video called My Awesome Video with the following values in its fields: Video URL: http://www.youtube.com/watch?v=oHg5SJYRHA0 Transcript: We’re no strangers to love, You know the rules and so do I… Video Length: 3:34 Create a template in your theme so we can display the video content as we want. I won’t cover this step here since it’s pretty involved, but you can find more help in the WordPress Codex. Let’s assume you created a template called Video with transcript (video-with-transcript.php) that shows the youtube video in a fancybox, and includes a button that shows the text transcript when a user clicks on it. Edit the pages where you want the video to show up and use the Insert Pages toolbar button to insert a reference to the Video you just created. Be sure to set the Display to Use a custom template, and select your new template Video with transcript. The shortcode you just created should look something like this: [insert page='my-awesome-video' display='video-with-transcript.php'] That’s it! Now you can create all sorts of video content and know that it’s being tracked cleanly in the database as its own custom post type, and you can place videos all over your site and not worry about lots of duplicate content. The possibilities are endless!