Add setting for preferred video codec

src/components/apphost.js

@@ -70,6 +70,21 @@ function getDeviceProfile(item) {
             });
         }
 
+        const preferredTranscodeVideoCodec = appSettings.preferredTranscodeVideoCodec();
+        if (preferredTranscodeVideoCodec) {
+            profile.TranscodingProfiles.forEach((transcodingProfile) => {
+                if (transcodingProfile.Type === 'Video') {
+                    const videoCodecs = transcodingProfile.VideoCodec.split(',');
+                    const index = videoCodecs.indexOf(preferredTranscodeVideoCodec);
+                    if (index !== -1) {
+                        videoCodecs.splice(index, 1);
+                        videoCodecs.unshift(preferredTranscodeVideoCodec);
+                        transcodingProfile.VideoCodec = videoCodecs.join(',');
+                    }
+                }
+            });
+        }
+
         const preferredTranscodeVideoAudioCodec = appSettings.preferredTranscodeVideoAudioCodec();
         if (preferredTranscodeVideoAudioCodec) {
             profile.TranscodingProfiles.forEach((transcodingProfile) => {

src/components/playbackSettings/playbackSettings.js

@@ -182,6 +182,7 @@ function loadForm(context, user, userSettings, systemInfo, apiClient) {
     context.querySelector('.chkRememberSubtitleSelections').checked = user.Configuration.RememberSubtitleSelections || false;
     context.querySelector('.chkExternalVideoPlayer').checked = appSettings.enableSystemExternalPlayers();
     context.querySelector('.chkLimitSupportedVideoResolution').checked = appSettings.limitSupportedVideoResolution();
+    context.querySelector('#selectPreferredTranscodeVideoCodec').value = appSettings.preferredTranscodeVideoCodec();
     context.querySelector('#selectPreferredTranscodeVideoAudioCodec').value = appSettings.preferredTranscodeVideoAudioCodec();
 
     setMaxBitrateIntoField(context.querySelector('.selectVideoInNetworkQuality'), true, 'Video');
@@ -218,6 +219,7 @@ function saveUser(context, user, userSettingsInstance, apiClient) {
     appSettings.maxChromecastBitrate(context.querySelector('.selectChromecastVideoQuality').value);
     appSettings.maxVideoWidth(context.querySelector('.selectMaxVideoWidth').value);
     appSettings.limitSupportedVideoResolution(context.querySelector('.chkLimitSupportedVideoResolution').checked);
+    appSettings.preferredTranscodeVideoCodec(context.querySelector('#selectPreferredTranscodeVideoCodec').value);
     appSettings.preferredTranscodeVideoAudioCodec(context.querySelector('#selectPreferredTranscodeVideoAudioCodec').value);
 
     appSettings.enableDts(context.querySelector('.chkEnableDts').checked);

src/components/playbackSettings/playbackSettings.template.html

@@ -180,6 +180,17 @@
             <div class="fieldDescription checkboxFieldDescription">${EnableTrueHdHelp}</div>
         </div>
 
+        <div class="selectContainer">
+            <select is="emby-select" id="selectPreferredTranscodeVideoCodec" label="${LabelSelectPreferredTranscodeVideoCodec}">
+                <option value="">${Auto}</option>
+                <option value="h264">H264</option>
+                <option value="hevc">HEVC</option>
+                <option value="av1">AV1</option>
+                <option value="vp9">VP9</option>
+            </select>
+            <div class="fieldDescription">${SelectPreferredTranscodeVideoCodecHelp}</div>
+        </div>
+
         <div class="selectContainer">
             <select is="emby-select" id="selectPreferredTranscodeVideoAudioCodec" label="${LabelSelectPreferredTranscodeVideoAudioCodec}">
                 <option value="">${Auto}</option>

src/scripts/settings/appSettings.js

@@ -132,6 +132,18 @@ class AppSettings {
         return toBoolean(this.get('limitSupportedVideoResolution'), false);
     }
 
+    /**
+     * Get or set preferred transcode video codec.
+     * @param {string|undefined} val - Preferred transcode video codec or undefined.
+     * @return {string} Preferred transcode video codec.
+     */
+    preferredTranscodeVideoCodec(val) {
+        if (val !== undefined) {
+            return this.set('preferredTranscodeVideoCodec', val);
+        }
+        return this.get('preferredTranscodeVideoCodec') || '';
+    }
+
     /**
      * Get or set preferred transcode audio codec in video playback.
      * @param {string|undefined} val - Preferred transcode audio codec or undefined.

src/strings/en-us.json

@@ -946,6 +946,7 @@
     "LabelVideoCodec": "Video codec",
     "LabelVideoRange": "Video range",
     "LabelVideoResolution": "Video resolution",
+    "LabelSelectPreferredTranscodeVideoCodec": "Preferred transcode video codec",
     "LabelWeb": "Web",
     "LabelWebVersion": "Web version",
     "LabelYear": "Year",
@@ -1391,6 +1392,7 @@
     "Season": "Season",
     "SecondarySubtitles": "Secondary Subtitles",
     "SelectAdminUsername": "Please select a username for the admin account.",
+    "SelectPreferredTranscodeVideoCodecHelp": "Select the preferred video codec to transcode to. If the preferred codec is not supported, the server will use the next best available codec.",
     "SelectPreferredTranscodeVideoAudioCodecHelp": "Select the preferred audio codec to transcode to for video content. If the preferred codec is not supported, the server will use the next best available codec.",
     "SelectServer": "Select Server",
     "SendMessage": "Send message",