[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\"]\n<\/code><\/pre>\n\nHere, \"url\" is the location of the HLS video package file.<\/p>\n\n
Video Shortcode Options<\/h4>\n\n
The following options are supported in the shortcode.<\/p>\n\n
MP4<\/strong><\/p>\n\nYou can specify an MP4 video file in addition to the source HLS video file. This parameter is optional.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" mp4=\"http:\/\/example.com\/wp-content\/uploads\/videos\/myvid.mp4\"]\n<\/code><\/pre>\n\nWebM<\/strong><\/p>\n\nYou can specify a WebM video file in addition to the source HLS video file. This parameter is optional.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" webm=\"http:\/\/example.com\/wp-content\/uploads\/videos\/myvid.webm\"]\n<\/code><\/pre>\n\nOgv<\/strong><\/p>\n\nYou can specify a Ogv video file in addition to the source HLS video file. This parameter is optional.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" ogv=\"http:\/\/example.com\/wp-content\/uploads\/videos\/myvid.ogv\"]\n<\/code><\/pre>\n\nWidth<\/strong><\/p>\n\nDefines the width of the video file (Height is automatically calculated). This option is not required unless you want to limit the maximum width of the video.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" width=\"480\"]\n<\/code><\/pre>\n\nPreload<\/strong><\/p>\n\nSpecifies if and how the video should be loaded when the page loads. Defaults to \"auto\" (the video should be loaded entirely when the page loads). Other options:<\/p>\n\n
\n- \"metadata\" - only metadata should be loaded when the page loads<\/li>\n
\"none\" - the video should not be loaded when the page loads<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" preload=\"metadata\"]<\/p><\/li>\n<\/ul>\n\n
Controls<\/strong><\/p>\n\nSpecifies if video controls should be displayed. Defaults to \"true\". In order to hide controls set this parameter to \"false\".<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" controls=\"false\"]\n<\/code><\/pre>\n\nWhen you disable controls users will not be able to interact with your videos. So It is recommended that you enable autoplay for a video with no controls.<\/p>\n\n
Autoplay<\/strong><\/p>\n\nCauses the video file to automatically play when the page loads.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" autoplay=\"true\"]\n<\/code><\/pre>\n\nPoster<\/strong><\/p>\n\nDefines image to show as placeholder before the video plays.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" poster=\"http:\/\/example.com\/wp-content\/uploads\/poster.jpg\"]\n<\/code><\/pre>\n\nLoop<\/strong><\/p>\n\nCauses the video file to loop to beginning when finished and automatically continue playing.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" loop=\"true\"]\n<\/code><\/pre>\n\nMuted<\/strong><\/p>\n\nSpecifies that the audio output of the video should be muted.<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" muted=\"true\"]\n<\/code><\/pre>\n\niOS Inline<\/strong><\/p>\n\nForce the video to play inline on iOS 10+<\/p>\n\n
[videojs_hls url=\"https:\/\/player.vimeo.com\/external\/xxxxxxxxx.m3u8\" inline=\"true\"]\n<\/code><\/pre>\n\nFor detailed documentation please visit the Video.js HLS Player<\/a> plugin page<\/p>\n\n\n\n- Go to the Add New plugins screen in your WordPress Dashboard<\/li>\n
- Click the upload tab<\/li>\n
- Browse for the plugin file (videojs-hls-player.zip) on your computer<\/li>\n
- Click \"Install Now\" and then hit the activate button<\/li>\n<\/ol>\n\n\n
\n- Can this plugin be used to embed videos in WordPress?<\/dt>\n
Yes.<\/p><\/dd>\n
- Are the videos embedded by this plugin playable on iOS devices?<\/dt>\n
Yes.<\/p><\/dd>\n
- Can I embed responsive videos using this plugin?<\/dt>\n
Yes.<\/p><\/dd>\n\n<\/dl>\n\n\n
1.0.2<\/h4>\n\n\n- Pause other videos on play()<\/li>\n<\/ul>\n\n
1.0.1<\/h4>\n\n\n- Fixed data-setup json error<\/li>\n
- Loading video.js from vjs.zencdn.net<\/li>\n<\/ul>\n\n
1.0<\/h4>\n\n\n- First commit<\/li>\n<\/ul>","raw_excerpt":"Easily embed responsive\/fluid (or fixed width) HLS videos into WordPress posts and pages using this customized video.js player.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/52279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=52279"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/star2dev"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=52279"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=52279"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=52279"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=52279"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=52279"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=52279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}