I ran into this problem while trying to make HTML videos behave like GIFs. WordPress’s built-in video player uses HTML video elements but does not allow videos to play simultaneously. Instead of using the default WordPress video player (which is best used for more standard video content), I chose to manually use the <video> element … Read more
If the custom field contains just the URL you can achieve this using wp_oembed_get $video_url=”https://vimeo.com/75791532″; $video = wp_oembed_get( $video_url ); echo $video; If the custom field contains other content as well something like this should work. $content=”<p>Check out hte latest vid!</p> https://vimeo.com/75791532″; $content = apply_filters(‘the_content’, $content); echo $content; the_content filter automatically applies the oembed filter.
I think that happend because when you reduce the width of the video the height still the same as before and the border radius does’t affect. See the following image: Do you see in the image how the radius of the edge looks a little cut when I leave the video with a higher height? … Read more
Let’s say for simplicity that you’re using ACF. You need to create a video link field once ACF is installed and assign it to posts. Then, in the post you want a video to show up, add the url. I usually assign this field as a text field and then have users enter the youtube … Read more
The video player uses the $content_width variable, which you’ll find in functions.php within the theme. The $content_width defines the best fit for media on a particular theme, so this should be the best fit for twentyfourteen. You’d set your own value in your own theme.
I had the same issue, but with the audio player. First of all, you need enqueue MediaElement styles wp_enqueue_style( ‘wp-mediaelement’ ); Next you need to add wp-mediaelement as dependency of your app script or enqueue it. wp_enqueue_script(‘wp-mediaelement’); or wp_enqueue_script( ‘app’, get_stylesheet_directory_uri() . ‘/js/app.js’, array( ‘jquery’, ‘wp-mediaelement’ )); As result you need something like that: function … Read more
You got two options. Either you filter your valid video extentions as @birgire recommended. I remember a similar issue for the audio shortcode here. There I found a workaround by allowing the empty audio extension. You could try something similar with the video extensions. Here’s a demo plugin: /** * Allow the empty video extension … Read more
You can try this: Use JWPlayer or Flowplayer or whichever videoplayer you like. You can also use http://videojs.com/ which will give you the ability to automatically change from html5 to flash player and it’s free and even hosted by them. Now, from their own example: <video id=”my_video_1″ class=”video-js vjs-default-skin” controls preload=”auto” width=”640″ height=”264″ poster=”my_video_poster.png” data-setup=”{}”> … Read more
This is actually the default behavior of how the browser renders HTML5 video. From this post you should be able to use the following CSS to hide the button. video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }
Move those declarations out of the action. Simply paste both of them in the functions.php file and it will work (tested). wp_deregister_script(‘wp-mediaelement’); wp_deregister_style(‘wp-mediaelement’);